:root{
  --rojo:#8f2f2a; --rojo-v:#7c2622; --rojo-d:#681e1b; --rojo-soft:#bd6b66;
  --verde:#4d8a44; --verde-v:#3f7639; --verde-d:#3a6e35; --verde-soft:#86b37f;
  --bg:#fdfbf6; --bg2:#f7f2e9; --bg3:#f1eadd; --paper:#fffefb;
  --line:#ece4d6;
  --ink:#3a332a; --ink2:#6b6256; --ink3:#a89e8e;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0.85rem clamp(1.25rem,5vw,4rem);background:rgba(253,251,246,0.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.nav-logo img{height:38px;width:auto;}
.nav-links{display:flex;gap:1.9rem;list-style:none;}
.nav-links a{font-size:0.74rem;font-weight:500;letter-spacing:0.06em;color:var(--ink2);transition:color .2s;}
.nav-links a:hover{color:var(--rojo);}
.nav-right{display:flex;align-items:center;gap:1rem;}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;}
.lang-btn{font-size:0.68rem;font-weight:600;letter-spacing:0.05em;padding:0.34rem 0.7rem;background:transparent;color:var(--ink3);border:none;cursor:pointer;font-family:var(--sans);transition:.15s;}
.lang-btn.active{background:var(--rojo);color:#fff;}
.nav-cta{font-size:0.73rem;font-weight:600;letter-spacing:0.04em;padding:0.55rem 1.3rem;background:var(--rojo);color:#fff;border-radius:999px;transition:background .2s;}
.nav-cta:hover{background:var(--rojo-v);}

#hero{position:relative;min-height:100vh;display:flex;flex-direction:row-reverse;align-items:stretch;padding:0;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.45;}
.blob1{width:50vw;height:50vw;background:radial-gradient(circle,rgba(201,123,118,0.4),transparent 70%);top:-12%;right:-8%;}
.blob2{width:38vw;height:38vw;background:radial-gradient(circle,rgba(155,192,149,0.35),transparent 70%);bottom:-14%;left:-6%;}
.hero-in{position:relative;z-index:2;flex:0 1 55%;max-width:780px;display:flex;flex-direction:column;justify-content:center;padding:7.5rem clamp(1.5rem,5vw,4.5rem) 4rem;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--verde-d);margin-bottom:1.4rem;}
.hero-eyebrow::before{content:'';width:1.6rem;height:2px;background:var(--rojo);border-radius:2px;}
h1{font-family:var(--serif);font-size:clamp(2.9rem,8vw,6.4rem);font-weight:380;line-height:1.02;letter-spacing:-0.02em;color:var(--ink);margin-bottom:1.5rem;max-width:15ch;}
h1 em{font-style:italic;color:var(--rojo);}
.hero-sub{font-size:clamp(1rem,1.5vw,1.15rem);font-weight:400;color:var(--ink2);max-width:48ch;line-height:1.8;margin-bottom:2.4rem;}
.hero-btns{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:4rem;}
.btn-p{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.8rem;font-weight:600;letter-spacing:0.03em;padding:0.95rem 2rem;background:var(--rojo);color:#fff;border-radius:999px;transition:transform .2s,background .2s;}
.btn-p:hover{background:var(--rojo-v);transform:translateY(-2px);}
.btn-s{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.8rem;font-weight:500;color:var(--ink);transition:gap .2s;}
.btn-s:hover{gap:0.8rem;}
.hero-stats{display:flex;gap:clamp(1.5rem,4vw,3.5rem);padding-top:2rem;border-top:1px solid var(--line);flex-wrap:wrap;}
.stat-n{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:400;color:var(--ink);line-height:1;}
.stat-l{font-size:0.68rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3);margin-top:0.4rem;}

section{padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,6vw,6rem);position:relative;}
.inn{max-width:1200px;margin:0 auto;position:relative;}
.eyebrow{display:inline-flex;align-items:center;gap:0.55rem;font-size:0.71rem;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:var(--verde-d);margin-bottom:1rem;}
.eyebrow::before{content:'';width:1.4rem;height:2px;background:var(--rojo);border-radius:2px;}
.st{font-family:var(--serif);font-size:clamp(2rem,4.2vw,3.3rem);font-weight:380;line-height:1.1;letter-spacing:-0.02em;color:var(--ink);margin-bottom:1rem;}
.st em{font-style:italic;color:var(--rojo);}
.sb{font-size:1rem;font-weight:400;color:var(--ink2);max-width:56ch;line-height:1.8;margin-bottom:3rem;}

.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s;}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -28px rgba(168,68,63,0.35);border-color:#e0d5c2;}

#quienes{background:var(--bg2);}
.equipo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:3.5rem;}
.equipo-card{padding:2.2rem;position:relative;}
.equipo-card::before{content:'';position:absolute;left:0;top:2.2rem;bottom:2.2rem;width:3px;border-radius:3px;}
.equipo-card.ec::before{background:var(--rojo);}
.equipo-card.ni::before{background:var(--verde);}
.equipo-card{padding-left:2.6rem;}
.equipo-nombre{font-family:var(--serif);font-size:1.4rem;font-weight:420;color:var(--ink);margin-bottom:0.2rem;}
.equipo-rol{font-size:0.69rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--verde-d);margin-bottom:1.1rem;}
.equipo-bio{font-size:0.9rem;font-weight:400;color:var(--ink2);line-height:1.85;}
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3.5rem;}
.mvv-card{padding:2rem;}
.mvv-tag{font-size:0.64rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--verde-d);margin-bottom:0.5rem;display:block;}
.mvv-card h3{font-family:var(--serif);font-size:1.2rem;font-weight:440;color:var(--ink);margin-bottom:0.6rem;line-height:1.25;}
.mvv-card p{font-size:0.86rem;font-weight:400;color:var(--ink2);line-height:1.8;}
.valores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;}
.valor{padding:1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:14px;}
.valor-dot{width:0.6rem;height:0.6rem;border-radius:50%;margin-bottom:0.9rem;}
.valor h4{font-family:var(--serif);font-size:1rem;font-weight:460;color:var(--ink);margin-bottom:0.4rem;}
.valor p{font-size:0.8rem;font-weight:400;color:var(--ink2);line-height:1.65;}

#productos{background:var(--bg);}
.prod-cat{display:flex;align-items:center;gap:0.6rem;margin:0 0 1.1rem;padding-bottom:0.7rem;border-bottom:1px solid var(--line);}
.prod-cat-dot{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--rojo);}
.prod-cat h3{font-family:var(--serif);font-size:1.15rem;font-weight:440;color:var(--ink);}
.prod-grid{display:grid;gap:1.1rem;margin-bottom:3rem;}
.pg2{grid-template-columns:repeat(2,1fr);}
.pg3{grid-template-columns:repeat(3,1fr);}
.pg4{grid-template-columns:repeat(4,1fr);}
.prod-card{padding:1.7rem;display:flex;flex-direction:column;}
.prod-origen{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.64rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--verde-d);margin-bottom:0.6rem;}
.prod-origen .seed{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--verde);}
.prod-nombre{font-family:var(--serif);font-size:1.18rem;font-weight:460;color:var(--ink);line-height:1.2;margin-bottom:0.5rem;}
.prod-desc{font-size:0.83rem;font-weight:400;color:var(--ink2);line-height:1.7;flex:1;}
.prod-certs{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0.85rem 0;}
.cert{font-size:0.58rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:6px;background:var(--bg2);color:var(--ink2);}
.cert.v{background:rgba(111,163,104,0.16);color:var(--verde-d);}
.prod-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:0.9rem;border-top:1px solid var(--line);}
.prod-tag{font-size:0.59rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink3);}
.prod-link{font-size:0.72rem;font-weight:600;color:var(--rojo);display:inline-flex;align-items:center;gap:0.3rem;transition:gap .2s;}
.prod-link:hover{gap:0.6rem;}

#origenes{background:var(--bg2);}
.ori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.ori-card{border-radius:20px;padding:2.6rem;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);}
.ori-ec{background:linear-gradient(150deg,#f0d6d3,#e6c2be);}
.ori-ni{background:linear-gradient(150deg,#dcecd8,#c8e0c2);}
.ori-pais{font-family:var(--serif);font-size:2rem;font-weight:420;margin-bottom:0.4rem;color:var(--ink);}
.ori-ec .ori-pais{color:var(--rojo-d);}
.ori-ni .ori-pais{color:var(--verde-d);}
.ori-tag{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1rem;}
.ori-ec .ori-tag{color:var(--rojo);}
.ori-ni .ori-tag{color:var(--verde-d);}
.ori-desc{font-size:0.88rem;font-weight:400;line-height:1.8;color:var(--ink2);}

#sectores{background:var(--bg);}
.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
.sec-card{padding:1.8rem;}
.sec-num{font-family:var(--serif);font-size:1.6rem;font-weight:380;line-height:1;margin-bottom:0.9rem;}
.sec-card.r .sec-num{color:var(--rojo-soft);}
.sec-card.g .sec-num{color:var(--verde-soft);}
.sec-card h4{font-family:var(--serif);font-size:1.05rem;font-weight:460;color:var(--ink);margin-bottom:0.4rem;}
.sec-card p{font-size:0.82rem;font-weight:400;color:var(--ink2);line-height:1.7;}

#mercado{background:var(--bg2);}
.mkt-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.mkt-txt p{font-size:0.95rem;font-weight:400;color:var(--ink2);line-height:1.9;margin-bottom:1.1rem;}
.mkt-bullets{display:flex;flex-direction:column;gap:0.7rem;margin-top:1.5rem;}
.mkt-bullet{display:flex;align-items:center;gap:0.7rem;font-size:0.85rem;font-weight:500;color:var(--ink);}
.mkt-bullet::before{content:'';width:1.2rem;height:2px;background:var(--verde);border-radius:2px;flex-shrink:0;}
.mkt-panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1.8rem;}
.tick{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:0.6rem;}
.tick:last-of-type{margin-bottom:0;}
.tick-l{font-size:0.72rem;font-weight:600;letter-spacing:0.04em;color:var(--ink2);}
.tick-v{font-family:var(--serif);font-size:1.1rem;font-weight:460;color:var(--ink);}
.tick-live{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.7rem;font-weight:600;color:var(--verde-d);}
.tick-live::before{content:'';width:0.45rem;height:0.45rem;border-radius:50%;background:var(--verde);box-shadow:0 0 0 0 rgba(111,163,104,0.5);animation:pulse 2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(111,163,104,0.5);}70%{box-shadow:0 0 0 8px rgba(111,163,104,0);}100%{box-shadow:0 0 0 0 rgba(111,163,104,0);}}
.tick-note{font-size:0.66rem;color:var(--ink3);margin-top:1rem;text-align:center;}

#logistica{background:var(--bg);}
.log-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.log-txt p{font-size:0.95rem;font-weight:400;color:var(--ink2);line-height:1.9;margin-bottom:1.1rem;}
.log-pills{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1.5rem;}
.pill{font-size:0.66rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:0.45rem 1rem;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink2);}
.log-panel{display:flex;flex-direction:column;gap:1rem;}
.log-item{display:flex;gap:1rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.4rem;}
.log-num{font-family:var(--serif);font-size:1.3rem;font-weight:420;color:var(--rojo-soft);line-height:1;flex-shrink:0;width:1.8rem;}
.log-item h5{font-size:0.82rem;font-weight:600;letter-spacing:0.02em;color:var(--ink);margin-bottom:0.25rem;}
.log-item p{font-size:0.82rem;font-weight:400;color:var(--ink2);line-height:1.65;}

#sostenibilidad{background:var(--bg2);}
.sost-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.sost-txt p{font-size:0.95rem;font-weight:400;color:var(--ink2);line-height:1.9;margin-bottom:1.1rem;}
.sost-quote{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--rojo);margin-top:1.5rem;line-height:1.4;}
.sost-items{display:flex;flex-direction:column;gap:1rem;}
.sost-item{padding:1.6rem;background:var(--paper);border:1px solid var(--line);border-radius:14px;}
.sost-item h5{font-family:var(--serif);font-size:1.02rem;font-weight:460;color:var(--ink);margin-bottom:0.35rem;}
.sost-item p{font-size:0.83rem;font-weight:400;color:var(--ink2);line-height:1.7;}

#blog{background:var(--bg);}
.blog-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.1rem;}
.blog-card{padding:2rem;display:flex;flex-direction:column;gap:0.75rem;}
.blog-card.feat{padding:2.4rem;background:var(--bg2);}
.blog-date{font-size:0.65rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3);}
.blog-cat{display:inline-block;font-size:0.61rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--verde-d);background:rgba(111,163,104,0.14);padding:0.22rem 0.6rem;border-radius:6px;align-self:flex-start;}
.blog-titulo{font-family:var(--serif);font-size:1.15rem;font-weight:460;color:var(--ink);line-height:1.3;}
.blog-card.feat .blog-titulo{font-size:clamp(1.35rem,2.4vw,1.9rem);}
.blog-ext{font-size:0.83rem;font-weight:400;color:var(--ink2);line-height:1.75;flex:1;}
.blog-leer{font-size:0.72rem;font-weight:600;color:var(--rojo);display:inline-flex;align-items:center;gap:0.3rem;margin-top:auto;transition:gap .2s;}
.blog-leer:hover{gap:0.6rem;}

#contacto{background:var(--bg2);}
.contacto-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:start;}
.contacto-info p{font-size:0.93rem;font-weight:400;color:var(--ink2);line-height:1.85;margin-bottom:2rem;}
.c-items{display:flex;flex-direction:column;gap:1.1rem;}
.c-item{display:flex;flex-direction:column;gap:0.15rem;}
.c-label{font-size:0.64rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink3);}
.c-val{font-size:0.92rem;font-weight:400;color:var(--ink);}
.c-val a{color:var(--rojo);}
.c-val a:hover{color:var(--rojo-v);}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(1.5rem,3vw,2.2rem);}
.fg{margin-bottom:1rem;}
.fl{display:block;font-size:0.67rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:0.4rem;}
.fi,.ft{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--sans);font-size:0.9rem;font-weight:400;padding:0.8rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s;resize:none;}
.fi::placeholder,.ft::placeholder{color:var(--ink3);}
.fi:focus,.ft:focus{border-color:var(--rojo);box-shadow:0 0 0 3px rgba(168,68,63,0.1);}
.ft{min-height:7rem;}
.fsub{width:100%;font-size:0.78rem;font-weight:600;letter-spacing:0.03em;padding:1rem;background:var(--rojo);color:#fff;border:none;border-radius:999px;cursor:pointer;font-family:var(--sans);transition:background .2s;}
.fsub:hover{background:var(--rojo-v);}

footer{background:var(--bg3);border-top:1px solid var(--line);padding:3rem clamp(1.25rem,6vw,6rem);}
.footer-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.footer-logo img{height:30px;width:auto;}
.footer-links{display:flex;gap:1.8rem;list-style:none;flex-wrap:wrap;}
.footer-links a{font-size:0.72rem;font-weight:500;letter-spacing:0.04em;color:var(--ink2);transition:color .2s;}
.footer-links a:hover{color:var(--rojo);}
.footer-copy{font-size:0.68rem;color:var(--ink3);}

@media(max-width:1000px){
  .mkt-grid,.log-grid,.sost-grid{grid-template-columns:1fr;}
  .valores-grid{grid-template-columns:repeat(3,1fr);}
  .sec-grid{grid-template-columns:repeat(2,1fr);}
  .pg4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .equipo-grid,.mvv-grid,.ori-grid,.contacto-grid,.blog-grid{grid-template-columns:1fr;}
  .pg2{grid-template-columns:1fr;}
  .pg3{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .nav-links{display:none;}
  .pg4,.valores-grid,.sec-grid{grid-template-columns:1fr;}
  .hero-stats{gap:1.25rem;}
  .footer-in{flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
}
@media(prefers-reduced-motion:no-preference){
  .fa{opacity:0;transform:translateY(1rem);transition:opacity .6s ease,transform .6s ease;}
  .fa.vis{opacity:1;transform:none;}
}
@media(prefers-reduced-motion:reduce){.tick-live::before{animation:none;}}

/* ===== MULTI-PAGE ADDITIONS ===== */
/* Active nav state */
.nav-links a.active{color:var(--rojo);}
.nav-links a.active::after{content:'';display:block;height:2px;background:var(--rojo);border-radius:2px;margin-top:2px;}

/* Home access cards */
#acceso{background:var(--bg2);}
.acceso-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.acceso-card{padding:2.4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;position:relative;overflow:hidden;}
.acceso-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;}
.acceso-card.c1::before{background:var(--rojo);}
.acceso-card.c2::before{background:var(--verde);}
.acceso-card.c3::before{background:var(--rojo-soft);}
.acceso-card.c4::before{background:var(--verde-soft);}
.acceso-num{font-family:var(--serif);font-size:0.9rem;font-weight:500;color:var(--ink3);margin-bottom:0.5rem;}
.acceso-card h3{font-family:var(--serif);font-size:1.7rem;font-weight:420;color:var(--ink);margin-bottom:0.6rem;line-height:1.1;}
.acceso-card p{font-size:0.88rem;font-weight:400;color:var(--ink2);line-height:1.7;margin-bottom:1.5rem;flex:1;}
.acceso-link{font-size:0.74rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--rojo);display:inline-flex;align-items:center;gap:0.4rem;transition:gap .2s;}
.acceso-card:hover .acceso-link{gap:0.8rem;}

/* Page header (for inner pages) */
.page-head{padding:9rem clamp(1.25rem,6vw,6rem) 3rem;background:var(--bg2);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.page-head .blob{opacity:0.3;}
.page-head-in{max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.page-head h1{font-size:clamp(2.4rem,5.5vw,4rem);margin-bottom:0.8rem;}
.page-head p{font-size:1.05rem;font-weight:400;color:var(--ink2);max-width:54ch;line-height:1.7;}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.72rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:1.2rem;}
.breadcrumb a{color:var(--ink3);transition:color .2s;}
.breadcrumb a:hover{color:var(--rojo);}
.breadcrumb span{color:var(--rojo);}

/* Hero CTA on home links */
.hero-mini-stats{display:flex;gap:clamp(1.5rem,4vw,3.5rem);padding-top:2rem;border-top:1px solid var(--line);flex-wrap:wrap;margin-top:0;}

/* page transition top padding for non-home */
.has-head section:first-of-type{padding-top:clamp(3.5rem,7vw,6rem);}

/* ===== WATERMARK "a" (de la ficha técnica) ===== */
.page-head{position:relative;}
.page-head::after{
  content:'';
  position:absolute;
  right:clamp(2rem,8vw,9rem);
  top:50%;
  transform:translateY(-50%);
  width:clamp(150px,22vw,300px);
  height:clamp(150px,22vw,300px);
  background:url('watermark-a.png') no-repeat center/contain;
  opacity:0.06;
  pointer-events:none;
  z-index:1;
}
.page-head-in{position:relative;z-index:2;}

/* Watermark en el hero del inicio */
#hero::after{
  content:'';
  position:absolute;
  right:clamp(-2rem,4vw,4rem);
  bottom:8%;
  width:clamp(220px,32vw,460px);
  height:clamp(220px,32vw,460px);
  background:url('watermark-a.png') no-repeat center/contain;
  opacity:0.05;
  pointer-events:none;
  z-index:0;
}
.hero-in{position:relative;z-index:2;}

@media(max-width:700px){
  .page-head::after{opacity:0.04;right:-1rem;}
  #hero::after{opacity:0.035;}
}

/* ===== ELEMENTOS DE LA FICHA TÉCNICA (playfulness) ===== */

/* 1. Franja verde divisoria fina (como en la ficha bajo la cabecera roja) */
.green-rule{height:5px;background:var(--verde);width:100%;}
.green-rule.thin{height:3px;}
/* Variante con doble línea rojo+verde */
.brand-rule{display:flex;flex-direction:column;gap:0;}
.brand-rule .r{height:4px;background:var(--rojo);}
.brand-rule .g{height:3px;background:var(--verde);}

/* Borde superior verde en las cabeceras de página (firma de marca) */
.page-head{border-top:4px solid var(--rojo);}
.page-head::before{content:'';position:absolute;top:4px;left:0;right:0;height:3px;background:var(--verde);z-index:3;}

/* 2. Badge verde tipo píldora (como "Premium" en la ficha) */
.badge-premium{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:var(--verde);padding:0.4rem 1rem;border-radius:999px;}
.badge-premium.red{background:var(--rojo);}

/* 3. Caja de especificaciones rojo sólido (etiqueta verde, valor crema) */
.spec-box{background:var(--rojo);border-radius:16px;padding:1.8rem;color:var(--cream);}
.spec-box h4{font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#fff;margin-bottom:1.3rem;opacity:0.95;}
.spec-row{display:flex;flex-direction:column;gap:0.15rem;padding:0.7rem 0;border-bottom:1px solid rgba(255,255,255,0.12);}
.spec-row:last-child{border-bottom:none;}
.spec-label{font-size:0.66rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--verde-soft);}
.spec-value{font-size:0.9rem;font-weight:400;color:#fbeae8;}

/* 4. Recuadro de origen con borde punteado verde (como el mapa en la ficha) */
.origin-chip{display:inline-flex;align-items:center;gap:0.7rem;border:2px dashed var(--verde);border-radius:12px;padding:0.7rem 1.1rem;}
.origin-chip .flag{width:2.2rem;height:2.2rem;border-radius:8px;display:grid;place-items:center;background:var(--verde-soft);}
.origin-chip .flag svg{width:1.4rem;height:1.4rem;color:var(--verde-d);}
.origin-chip-label{font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink3);line-height:1.2;}
.origin-chip-name{font-family:var(--serif);font-size:1rem;font-weight:500;color:var(--ink);}

/* Tag de producto estilo ficha (píldora verde suave) */
.prod-tag{display:inline-flex;align-items:center;}
.tag-pill{font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.28rem 0.7rem;border-radius:999px;background:rgba(77,138,68,0.14);color:var(--verde-d);}
.tag-pill.red{background:rgba(143,47,42,0.1);color:var(--rojo);}

/* Número de sección estilo ficha (círculo con color) */
.sec-card{position:relative;}
.sec-badge{position:absolute;top:1.4rem;right:1.4rem;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-family:var(--serif);font-size:0.85rem;font-weight:500;}
.sec-card.r .sec-badge{background:rgba(143,47,42,0.1);color:var(--rojo);}
.sec-card.g .sec-badge{background:rgba(77,138,68,0.14);color:var(--verde-d);}

/* Footer franja superior bicolor (firma de marca, como pie de ficha) */
footer{position:relative;border-top:none;}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--rojo);}
footer::after{content:'';position:absolute;top:4px;left:0;right:0;height:3px;background:var(--verde);}

/* ===== TABLA DISPONIBILIDAD POR ORIGEN (de la Sales Presentation) ===== */
.avail-wrap{margin-top:3rem;overflow-x:auto;}
.avail-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.avail-table th{background:var(--rojo);color:#fff;font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.9rem 0.8rem;text-align:center;}
.avail-table th:first-child{text-align:left;padding-left:1.4rem;}
.avail-table td{padding:0.9rem 0.8rem;text-align:center;font-size:0.9rem;border-top:1px solid var(--line);background:var(--paper);}
.avail-table td:first-child{text-align:left;padding-left:1.4rem;font-family:var(--serif);font-weight:500;color:var(--ink);}
.avail-table tr:nth-child(even) td{background:var(--bg2);}
.avail-yes{color:var(--verde);font-weight:700;font-size:1rem;}
.avail-no{color:var(--ink3);}

/* ===== MODELO COMERCIAL (dos tarjetas) ===== */
.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;}
.model-card{padding:2.2rem;border-radius:18px;border:1px solid var(--line);}
.model-card.trad{background:var(--paper);}
.model-card.acs{background:var(--rojo);color:var(--cream);}
.model-tag{display:inline-block;font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:0.35rem 0.9rem;border-radius:999px;margin-bottom:1rem;}
.model-card.trad .model-tag{background:rgba(143,47,42,0.1);color:var(--rojo);}
.model-card.acs .model-tag{background:rgba(255,255,255,0.18);color:#fff;}
.model-card p{font-size:0.9rem;line-height:1.8;}
.model-card.trad p{color:var(--ink2);}
.model-card.acs p{color:#fbeae8;}
.model-foot{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink);line-height:1.5;max-width:70ch;}
@media(max-width:860px){.model-grid{grid-template-columns:1fr;}}

/* ===== FOTOS EN BLOQUES DE ORIGEN ===== */
.ori-card{min-height:420px;color:#fff;border:none;}
.ori-card.ori-ec, .ori-card.ori-ni{background:var(--ink);}
.ori-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.ori-card::after{content:'';position:absolute;inset:0;z-index:1;}
.ori-card.ori-ec::after{background:linear-gradient(to top,rgba(104,30,27,0.88) 0%,rgba(120,45,30,0.36) 52%,rgba(224,163,58,0.06) 100%);}
.ori-card.ori-ni::after{background:linear-gradient(to top,rgba(58,110,53,0.88) 0%,rgba(58,110,53,0.36) 52%,rgba(134,179,127,0.06) 100%);}
.ori-card .origin-chip,.ori-card .ori-pais,.ori-card .ori-tag,.ori-card .ori-desc{position:relative;z-index:2;}
.ori-card .ori-pais{color:#fff;}
.ori-card .ori-tag{color:rgba(255,255,255,0.9);}
.ori-card .ori-desc{color:rgba(255,255,255,0.95);}
.ori-card .origin-chip{background:rgba(255,255,255,0.15)!important;border-color:rgba(255,255,255,0.5);backdrop-filter:blur(4px);}
.ori-card .origin-chip .flag{background:rgba(255,255,255,0.9);}
.ori-card .origin-chip-label{color:rgba(255,255,255,0.85);}
.ori-card .origin-chip-name{color:#fff;}

/* ===== FOTO EN HERO ===== */
.hero-photo-wrap{position:relative;z-index:1;flex:1 1 45%;overflow:hidden;}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;}
.hero-photo-wrap::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--bg) 0%,rgba(253,251,246,0) 8%),linear-gradient(to bottom,rgba(58,51,42,0.18) 0%,rgba(58,51,42,0.02) 32%,transparent 55%);}
@media(max-width:860px){#hero{flex-direction:column;min-height:auto;}.hero-photo-wrap{flex:none;width:100%;height:42vh;}.hero-photo-wrap::after{background:linear-gradient(to bottom,transparent 52%,var(--bg));}.hero-in{flex:none;width:100%;max-width:none;padding:2.5rem 1.5rem 3.5rem;}}

/* ===== BANDA DE FOTOS (como la franja de la ficha) ===== */
.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;height:180px;}
.photo-strip img{width:100%;height:100%;object-fit:cover;}
.photo-strip .ps-item{position:relative;overflow:hidden;}
.photo-strip .ps-item::after{content:'';position:absolute;inset:0;background:rgba(104,30,27,0.08);}
@media(max-width:700px){.photo-strip{grid-template-columns:repeat(2,1fr);height:auto;}.photo-strip img{height:140px;}}

/* Foto en card de producto (manteca, portfolio) */
.prod-card.has-photo{padding:0;overflow:hidden;}
.prod-photo{width:100%;height:150px;object-fit:cover;}
.prod-card.has-photo .prod-body{padding:1.5rem;}


/* ===== BLOQUE MADAGASCAR (coberturas, sin foto) ===== */
.ori-card.ori-mg{background:linear-gradient(155deg,#5e3a2a,#3d2318);border:none;}
.ori-card.ori-mg::after{background:radial-gradient(ellipse at 70% 15%,rgba(255,255,255,0.08),transparent 55%);}
.ori-card.ori-mg .ori-pais,.ori-card.ori-mg .ori-tag,.ori-card.ori-mg .ori-desc{color:#fff;position:relative;z-index:2;}
.ori-card.ori-mg .ori-tag{color:rgba(255,255,255,0.9);}
.ori-card.ori-mg .ori-desc{color:rgba(255,255,255,0.95);}
.ori-card.ori-mg .origin-chip{position:relative;z-index:2;backdrop-filter:blur(4px);}
.ori-card.ori-mg .origin-chip .flag{background:rgba(255,255,255,0.9);}
.ori-card.ori-mg .origin-chip .flag svg{color:#5e3a2a;}
.ori-card.ori-mg .origin-chip-label{color:rgba(255,255,255,0.85);}
.ori-card.ori-mg .origin-chip-name{color:#fff;}

@media(max-width:900px){.ori-grid{grid-template-columns:1fr;}}


/* Legibilidad del hero sobre la foto */
.hero-in{position:relative;z-index:3;}
.hero-in h1, .hero-in .hero-sub{text-shadow:0 1px 20px rgba(253,251,246,0.9), 0 0 40px rgba(253,251,246,0.7);}
.hero-photo-wrap{z-index:1;}


/* ==================================================================
   v2 · Mas vida de color + Galeria de origen (jul 2026)
   ================================================================== */
:root{ --oro:#d99a2b; --oro-d:#b87d1a; --ambar:#e8b23a; --terra:#c56a2e; }
.eyebrow::before,.hero-eyebrow::before{background:linear-gradient(90deg,var(--rojo),var(--oro));width:1.9rem;height:2px;}
.blob3{width:36vw;height:36vw;background:radial-gradient(circle,rgba(224,163,58,0.42),transparent 70%);top:34%;left:26%;opacity:0.5;}
.page-head .blob3{opacity:0.28;}
.hero-btns .btn-p{box-shadow:0 10px 26px -12px rgba(143,47,42,0.55);}
#galeria{background:var(--bg2);}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.gal{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line);box-shadow:0 12px 30px -24px rgba(58,51,42,0.5);}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1);}
.gal:hover img{transform:scale(1.07);}
.gal figcaption{position:absolute;inset:auto 0 0 0;padding:1.7rem 0.95rem 0.95rem;display:flex;flex-direction:column;gap:0.4rem;background:linear-gradient(to top,rgba(38,26,20,0.9) 0%,rgba(38,26,20,0.35) 55%,transparent 100%);z-index:2;}
.gal-o{align-self:flex-start;font-size:0.58rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#fff;padding:0.22rem 0.62rem;border-radius:999px;}
.gal-ec{background:var(--rojo);}
.gal-ni{background:var(--verde);}
.gal-cap{font-family:var(--serif);font-size:0.86rem;font-weight:460;color:#fff;line-height:1.3;}
@media(max-width:720px){.gal-grid{grid-template-columns:1fr 1fr;gap:0.7rem;}}
.photo-strip{height:200px;border-top:4px solid var(--rojo);position:relative;}
.photo-strip::before{content:'';position:absolute;top:4px;left:0;right:0;height:3px;background:var(--verde);z-index:3;}
.photo-strip .ps-item{position:relative;overflow:hidden;}
.photo-strip .ps-item img{transition:transform .6s cubic-bezier(.2,.6,.2,1);}
.photo-strip .ps-item:hover img{transform:scale(1.06);}
@media(max-width:720px){.photo-strip{grid-template-columns:1fr 1fr;height:auto;}.photo-strip .ps-item{aspect-ratio:1/1;}}

/* ---- Historia del nombre (Nosotros) ---- */
#nombre{background:var(--bg2);}
.name-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:center;}
.name-media{border-radius:20px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line);box-shadow:0 20px 46px -30px rgba(58,51,42,0.6);position:relative;}
.name-media img{width:100%;height:100%;object-fit:cover;}
.name-media::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(143,47,42,0.14));}
.name-lead{font-family:var(--serif);font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:420;color:var(--ink);line-height:1.5;margin:0.3rem 0 1.1rem;}
.name-lead b{color:var(--rojo);font-style:italic;font-weight:420;}
#nombre .name-txt p{font-size:0.95rem;color:var(--ink2);line-height:1.85;}
.name-terms{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.5rem;}
.name-term{display:inline-flex;align-items:baseline;gap:0.45rem;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:0.5rem 1.05rem;font-size:0.78rem;color:var(--ink2);}
.name-term b{font-family:var(--serif);font-weight:600;color:var(--rojo);}
@media(max-width:820px){.name-grid{grid-template-columns:1fr;}.name-media{order:-1;}}

/* ---- Banda de fotos contenida (reutilizable) ---- */
.pband-sec{padding-top:clamp(2.6rem,5vw,4rem);padding-bottom:clamp(2.6rem,5vw,4rem);}
.pband{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.pband figure{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);box-shadow:0 12px 30px -24px rgba(58,51,42,0.5);}
.pband img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1);}
.pband figure:hover img{transform:scale(1.06);}
.pband figcaption{position:absolute;inset:auto 0 0 0;padding:1.5rem 0.95rem 0.9rem;background:linear-gradient(to top,rgba(38,26,20,0.86),transparent);color:#fff;font-family:var(--serif);font-size:0.86rem;font-weight:460;z-index:2;}
@media(max-width:720px){.pband{grid-template-columns:1fr 1fr;gap:0.7rem;}.pband figure{aspect-ratio:1/1;}}

/* Fix: reservar espacio para el numero (badge) en tarjetas de sectores */
.sec-card h4{padding-right:2.6rem;}


/* Hero v3: dos columnas limpias · stats en fila sobre crema */
#hero .hero-stats{gap:1.4rem 1.9rem;}
#hero .stat-n{font-size:clamp(1.35rem,2.2vw,1.85rem);}

/* Cabecera de páginas internas: FOTO DE FONDO a sangre + texto encima */
.page-head::after{display:none;}
.page-head{min-height:46vh;background:var(--ink);padding-bottom:4.5rem;}
.page-head-photo{position:absolute;inset:0;z-index:0;overflow:hidden;}
.page-head-photo img{width:100%;height:100%;object-fit:cover;}
.page-head-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(45,28,22,0.84) 0%,rgba(45,28,22,0.55) 44%,rgba(45,28,22,0.22) 74%,rgba(45,28,22,0.08) 100%),linear-gradient(to bottom,rgba(45,28,22,0.34) 0%,rgba(45,28,22,0.12) 42%,rgba(45,28,22,0.34) 100%);}
.page-head-in{position:relative;z-index:2;}
.page-head .breadcrumb,.page-head .breadcrumb a,.page-head .breadcrumb span{color:rgba(255,255,255,0.8);}
.page-head .eyebrow{color:#ecc487;}
.page-head h1{color:#fff;}
.page-head h1 em{color:#f4d3a6;}
.page-head p{color:rgba(255,255,255,0.92);max-width:46ch;}
@media(max-width:860px){.page-head{min-height:38vh;}.page-head-photo::after{background:linear-gradient(to bottom,rgba(45,28,22,0.5),rgba(45,28,22,0.72));}}

/* Feedback: logo en hero · fincas visibles · categorías de producto grandes */
.hero-logo{display:inline-block;margin:0 0 1.7rem;}
.hero-logo img{height:clamp(54px,5.5vw,78px);width:auto;display:block;}
.prod-cat h3{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:460;}
.prod-origen .finca{color:var(--rojo);font-weight:600;}