/* ===== BLOQUE ORIGINAL 1 (de 6) — extraído verbatim, sin modificar ===== */
/* H1 SEO oculto: visualmente oculto pero accesible a crawlers y lectores de pantalla (NO display:none, evita cloaking) */
.seo-hidden{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
/* Mostrar solo el enlace del idioma activo en Centro de Recursos Técnicos */
body.lang-es .desc-lang[data-lang="en"]{display:none}
body.lang-en .desc-lang[data-lang="es"]{display:none}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --verde:#0C5913;
  --verde-md:#1A7A25;
  --verde-lt:#2E9E3A;
  --lima:#B1E828;
  --crema:#F9EEC2;
  --crema-dk:#F0E09A;
  --cafe:#60300F;
  --cafe-dk:#4a2409;
  --blanco:#FFFFFF;
  --negro:#111110;
  --gris-f:#F5F5F0;
  --gris-texto:#444440;
  --campo:#ECECEA;
  --campo-b:#D0CFC8;
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:var(--negro);background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ══ ANIMATIONS ══ */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}
@keyframes wpulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,.45)}50%{box-shadow:0 4px 28px rgba(37,211,102,.7),0 0 0 8px rgba(37,211,102,.1)}}
@keyframes slideRight{from{width:0}to{width:100%}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

/* ══ NAV ══ */
nav{
  position:sticky;top:0;z-index:200;
  background:var(--verde);height:64px;
  padding:0 5%;display:flex;align-items:center;justify-content:space-between;
  border-bottom:2px solid rgba(177,232,40,.18);
  transition:box-shadow .3s;
}
nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.25)}
.nav-brand{display:flex;align-items:center;gap:10px}
.nav-dna{display:flex;flex-direction:column;gap:3px;align-items:center}
.nav-dna span{display:block;border-radius:50%;background:var(--lima)}
.nav-dna span:nth-child(1){width:9px;height:9px}
.nav-dna span:nth-child(2){width:6px;height:6px;opacity:.6}
.nav-dna span:nth-child(3){width:9px;height:9px;opacity:.35}
.nav-wordmark{font-weight:900;font-size:1.22rem;letter-spacing:.8px;color:var(--crema)}
.nav-wordmark em{color:var(--lima);font-style:normal}
.nav-links{display:flex;list-style:none;gap:0;align-items:center;height:100%;line-height:1;margin:0;padding:0}
.nav-links li{display:flex;align-items:center;margin:0;padding:0}
.nav-links a{display:inline-flex;align-items:center;height:36px;color:rgba(255,255,255,.78);font-size:.72rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:0 9px;border-radius:4px;transition:color .2s,background .2s;white-space:nowrap}
.nav-links a:hover{color:var(--lima);background:rgba(177,232,40,.08)}

.nav-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}
.lang-toggle{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:4px;overflow:hidden}
.lb{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;padding:5px 10px;border:none;cursor:pointer;background:transparent;color:rgba(255,255,255,.5);transition:all .2s}
.lb.on{background:var(--lima);color:var(--verde)}
.nav-cta{background:var(--lima);color:var(--verde);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.72rem;padding:9px 19px;border-radius:4px;border:none;cursor:pointer;letter-spacing:.3px;transition:background .2s,transform .15s;white-space:nowrap;flex-shrink:0;white-space:nowrap}
.nav-cta:hover{background:var(--crema-dk);transform:translateY(-1px)}

/* ══ HERO ══ */
.hero{position:relative;min-height:94vh;background:var(--verde);display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;display:block;overflow:hidden;opacity:1}
.hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,31,8,.90) 0%,rgba(12,89,19,.82) 34%,rgba(12,89,19,.50) 62%,rgba(12,89,19,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.22) 100%)}
/* micro texture */
.hero-texture{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(177,232,40,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.hero-glow{position:absolute;bottom:-100px;right:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(177,232,40,.07) 0%,transparent 65%);pointer-events:none}
.hero-content{position:relative;z-index:2;padding:5rem 5%;max-width:730px;animation:fadeUp .8s ease both}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:var(--lima);font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.3rem}
.hero-eyebrow::before{content:'';width:30px;height:2px;background:var(--lima);flex-shrink:0}
.hero-h1{font-size:clamp(2.3rem,5.5vw,3.9rem);font-weight:900;color:#fff;line-height:1.06;margin-bottom:1.4rem;letter-spacing:-.5px}
.hero-h1 em{color:var(--lima);font-style:normal}
.hero-desc{color:rgba(255,255,255,.8);font-size:.98rem;line-height:1.78;max-width:530px;margin-bottom:1rem}
.hero-desc strong{color:var(--crema)}
.hero-slogan{font-family:'Source Serif 4',serif;font-style:italic;font-size:1.08rem;color:var(--crema);opacity:.88;border-left:3px solid var(--lima);padding-left:14px;line-height:1.55;margin-bottom:2.3rem}
.hero-btns{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:3rem;align-items:center}
.btn-lima{background:var(--lima);color:var(--verde);font-family:'Montserrat',sans-serif;font-weight:700;padding:12px 22px;border-radius:4px;border:none;cursor:pointer;font-size:.88rem;letter-spacing:.3px;transition:background .2s,transform .15s;white-space:nowrap}
.btn-lima:hover{background:var(--crema-dk);transform:translateY(-2px)}
.btn-ghost{border:2px solid rgba(255,255,255,.42);color:#fff;background:transparent;font-family:'Montserrat',sans-serif;font-weight:600;padding:12px 22px;border-radius:4px;font-size:.84rem;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}
.btn-ghost:hover{border-color:var(--lima);background:rgba(177,232,40,.08)}
.hero-stats{display:flex;flex-wrap:nowrap;border-top:1px solid rgba(255,255,255,.12);padding-top:2.5rem;gap:0;overflow:visible}
.hstat{padding:0 3.2rem 0 0;display:flex;flex-direction:column;gap:.35rem}
.hstat:not(:last-child){border-right:none;margin-right:0}
.hstat-num{display:block;font-size:2rem;font-weight:900;color:var(--lima);line-height:1.05;letter-spacing:-.01em}
.hstat-lbl{display:block;font-size:.7rem;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.6px;margin-top:0}

/* ══ CREDENCIALES ══ */
.credenciales{background:var(--crema);padding:1.7rem 5%;border-bottom:2px solid var(--crema-dk)}
.cred-wrap{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}
.cred-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--crema-dk);border-radius:50px;padding:6px 17px;font-size:.76rem;font-weight:600;color:var(--verde)}
.cred-dot{width:7px;height:7px;border-radius:50%;background:var(--lima);flex-shrink:0}

/* ══ ALOMYXA SECTION ══ */
.alomyxa-sec{background:#fff;padding:5rem 5%}
.alomyxa-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center}
.sec-tag{color:var(--verde);font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;display:inline-block;padding-bottom:8px;margin-bottom:1.2rem;position:relative}
.sec-tag::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;min-width:120px;height:2px;background:var(--lima)}
.sec-h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;color:var(--verde);line-height:1.08;margin-bottom:.9rem}
.alo-sub{font-size:.93rem;color:var(--gris-texto);line-height:1.75;margin-bottom:.7rem}
.alo-sub em{font-style:italic;color:var(--verde-md);font-weight:600}
.badge-unico{display:inline-block;background:var(--verde);color:var(--lima);font-size:.72rem;font-weight:700;padding:5px 14px;border-radius:4px;letter-spacing:.8px;text-transform:uppercase;margin:.9rem 0}
.alo-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}
.alo-list li{font-size:.87rem;color:var(--gris-texto);display:flex;align-items:flex-start;gap:.6rem;line-height:1.6}
.alo-list li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lima);margin-top:6px;flex-shrink:0}
.alo-btns{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.5rem}
.btn-verde{background:var(--verde);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;padding:12px 24px;border-radius:4px;font-size:.86rem;border:none;cursor:pointer;transition:background .2s}
.btn-verde:hover{background:var(--verde-md)}
/* SVG bottle */
.alo-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.35rem}
.alo-circle{width:340px;height:360px;border-radius:50%;background:var(--crema);display:flex;align-items:center;justify-content:center;position:relative}
.alo-badge-float{position:absolute;top:-8px;right:-8px;background:var(--verde);color:var(--lima);font-size:.7rem;font-weight:700;padding:9px 13px;border-radius:8px;line-height:1.3;text-align:center;max-width:130px;letter-spacing:.3px}

/* ══ COMO FUNCIONA ══ */
.como-sec{background:var(--gris-f);padding:5rem 5%}
.sec-center{text-align:center;margin-bottom:3rem}
.sec-center .sec-tag{display:block;margin:0 auto .8rem}
.sec-h2-c{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--verde);line-height:1.12;margin-bottom:.6rem;max-width:740px;margin-left:auto;margin-right:auto}
.sec-sub-c{color:var(--gris-texto);font-size:.93rem;line-height:1.72;max-width:600px;margin:0 auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:2rem auto 2.5rem}
.step-card{background:#fff;border:1px solid #E5E5E0;border-radius:8px;padding:1.6rem 1.2rem;text-align:center;position:relative;transition:transform .2s,box-shadow .2s}
.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(12,89,19,.1)}
.step-num{font-size:2.6rem;font-weight:900;color:var(--lima);line-height:1;margin-bottom:.7rem}
.step-card h3{font-size:.93rem;font-weight:700;color:var(--verde);margin-bottom:.55rem;line-height:1.3}
.step-card p{font-size:.82rem;color:var(--gris-texto);line-height:1.65}
.step-highlight{background:var(--verde);border-color:var(--verde);grid-column:span 4;padding:1.4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.step-highlight p{font-size:.95rem;color:#fff;line-height:1.62;max-width:680px}
.step-highlight strong{color:var(--lima)}
/* dosis tabla */
.dosis-wrap{max-width:900px;margin:2rem auto 0;background:#fff;border:1px solid #E5E5E0;border-radius:8px;overflow:hidden}
.dosis-hdr{background:var(--verde);padding:.8rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:1rem}
.dosis-hdr span{font-size:.72rem;font-weight:700;color:var(--lima);text-transform:uppercase;letter-spacing:.5px}
.dosis-row{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid #F0F0EB;transition:background .15s}
.dosis-row:hover{background:#FAFAF7}
.dosis-row:last-child{border-bottom:none!important}
.dosis-row span{font-size:.82rem;color:var(--gris-texto)}
.dosis-row span:first-child{font-weight:600;color:var(--verde)}
.dosis-row .dose{font-weight:700;color:var(--verde)}

/* ══ PORTAFOLIO ══ */
.port-sec{background:var(--verde);padding:5rem 5%}
.port-sec .sec-center .sec-tag{color:var(--lima)}
.port-sec .sec-h2-c{color:#fff}
.port-sec .sec-sub-c{color:rgba(255,255,255,.72)}
.port-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1100px;margin:0 auto}
.port-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:1.6rem 1.3rem;display:flex;flex-direction:column;transition:background .2s}
.port-card.disponible{background:rgba(177,232,40,.1);border-color:rgba(177,232,40,.38)}
.port-card:hover{background:rgba(255,255,255,.1)}
.port-tag{font-size:.66rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.5rem}
.port-card.disponible .port-tag{color:var(--lima)}
.port-card:not(.disponible) .port-tag{color:rgba(255,255,255,.38)}
.port-card h3{font-size:1.1rem;font-weight:800;margin-bottom:.3rem}
.port-card.disponible h3{color:var(--lima)}
.port-card:not(.disponible) h3{color:#fff}
.port-card .port-sub{font-size:.76rem;color:rgba(255,255,255,.5);margin-bottom:.7rem;font-style:italic}
.port-card p{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.62;flex:1}
.port-btn{display:inline-block;margin-top:1.1rem;background:var(--lima);color:var(--verde);font-size:.76rem;font-weight:700;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background .2s;font-family:'Montserrat',sans-serif}
.port-btn:hover{background:var(--crema-dk)}
.port-prox{display:inline-block;margin-top:1.1rem;font-size:.73rem;color:rgba(255,255,255,.35);font-style:italic}

/* ══ CULTIVOS ══ */
.cultivos-sec{background:#fff;padding:5rem 5%}
.cultivos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.9rem;max-width:1000px;margin:0 auto}
.cultivo-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .4rem;border-radius:8px;border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}
.cultivo-item:hover,.cultivo-item.active{border-color:var(--lima);background:rgba(177,232,40,.08)}
.cultivo-item.active{background:var(--lima)}
.cultivo-icon{font-size:1.9rem;line-height:1;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}
.cultivo-name{font-size:.72rem;font-weight:600;color:var(--gris-texto);text-align:center}
.cultivo-item.active .cultivo-name{color:var(--verde);font-weight:700}

/* ══ CIENCIA ══ */
.ciencia-sec{background:var(--verde);padding:5rem 5%}
.ciencia-sec .sec-center .sec-tag{color:var(--lima)}
.ciencia-sec .sec-h2-c{color:#fff}
.ciencia-sec .sec-sub-c{color:rgba(255,255,255,.72)}
.cien-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:0 auto}
.cien-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:1.6rem 1.4rem;transition:background .2s}
.cien-card:hover{background:rgba(255,255,255,.11)}
.cien-card.hl{background:rgba(177,232,40,.1);border-color:rgba(177,232,40,.32)}
.cien-card.hl:hover{background:rgba(177,232,40,.18)}
.cien-card h3{font-size:.94rem;font-weight:700;color:var(--lima);margin-bottom:.65rem}
.cien-card p{font-size:.83rem;color:rgba(255,255,255,.77);line-height:1.66}
.cien-card em{font-style:italic}
/* evidencia comparativa */
.evidencia-wrap{max-width:900px;margin:3rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.evid-card{border-radius:8px;overflow:hidden}
.evid-img{height:200px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.evid-img picture{display:block;width:100%;height:100%}
.evid-label{width:100%;padding:.7rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.evid-label.con{background:var(--lima);color:var(--verde)}
.evid-label.test{background:#5A5A52;color:#fff}
.evid-label.sin{background:rgba(255,255,255,.12);color:rgba(255,255,255,.6)}

/* ══ NOSOTROS ══ */
.nosotros-sec{background:var(--crema);padding:5rem 5%}
.nosotros-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.nosotros-tag{color:var(--verde);font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid var(--lima);display:inline-block;padding-bottom:4px;margin-bottom:1.2rem}
.nosotros-h2{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:900;color:var(--verde);line-height:1.1;margin-bottom:1rem}
.nosotros-p{font-size:.92rem;color:var(--gris-texto);line-height:1.78;margin-bottom:.85rem}
.nosotros-p strong{color:var(--verde);font-weight:700}
.nosotros-img{border-radius:12px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;background:url('../img/nosotros-campo-mexicano1.webp') center/cover no-repeat;position:relative}
.nosotros-img-overlay{width:100%;padding:2rem;background:linear-gradient(to top,rgba(12,89,19,.96),transparent)}
.nosotros-quote{font-family:'Source Serif 4',serif;font-size:1.1rem;color:#fff;line-height:1.6;font-style:italic}
.nosotros-quote strong{font-style:normal;color:var(--lima)}

/* ══ TESTIMONIOS ══ */
.testi-sec{background:#fff;padding:5rem 5%}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1100px;margin:0 auto}
.testi-card{background:var(--gris-f);border-radius:8px;padding:1.8rem 1.5rem;position:relative;transition:transform .2s,box-shadow .2s}
.testi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(12,89,19,.09)}
.testi-stars{color:var(--lima);font-size:.95rem;letter-spacing:2px;margin-bottom:.75rem}
.testi-text{font-size:.88rem;color:var(--gris-texto);line-height:1.72;font-style:italic;margin-bottom:1rem;font-family:'Source Serif 4',serif}
.testi-autor{font-size:.8rem;font-weight:700;color:var(--verde)}
.testi-zona{font-size:.76rem;color:var(--gris-texto)}
.testi-tag{position:absolute;top:1.2rem;right:1.2rem;background:var(--lima);color:var(--verde);font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}

/* ══ DESCARGAS ══ */
.descargas-sec{background:var(--gris-f);padding:5rem 5%}
.descargas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:860px;margin:0 auto;justify-items:center}
.desc-card{background:#fff;border:1px solid #E5E5E0;border-radius:8px;padding:1.6rem 1.4rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s,transform .2s}
.desc-card:hover{box-shadow:0 6px 20px rgba(12,89,19,.1);transform:translateY(-3px)}
.desc-icon{width:44px;height:44px;border-radius:8px;background:rgba(12,89,19,.08);display:flex;align-items:center;justify-content:center}
.desc-icon svg{width:22px;height:22px}
.desc-card h3{font-size:.88rem;font-weight:700;color:var(--verde);line-height:1.3}
.desc-card p{font-size:.78rem;color:var(--gris-texto);line-height:1.6;flex:1}
.desc-langs{display:flex;gap:.4rem;flex-wrap:wrap}
.desc-lang{display:inline-flex;align-items:center;gap:5px;background:var(--gris-f);border:1px solid #E5E5E0;border-radius:4px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--verde);cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none}
.desc-lang:hover{background:var(--crema);border-color:var(--lima)}

/* ══ CONTACTO ══ */
.contacto-sec{background:var(--verde);padding:5rem 5%}
.contacto-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.55fr;gap:4rem;align-items:start}
.c-tag{color:var(--lima);font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.8rem}
.c-h2{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:1rem}
.c-h2 span{color:var(--lima)}
.c-desc{color:rgba(255,255,255,.78);font-size:.9rem;line-height:1.78;margin-bottom:1.5rem}
.c-bens{list-style:none;display:flex;flex-direction:column;gap:.58rem;margin-bottom:1.8rem}
.c-bens li{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:rgba(255,255,255,.82);line-height:1.5}
.c-bens li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lima);margin-top:5px;flex-shrink:0}
.c-loc{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:.84rem;margin-bottom:1.4rem}
.c-icon{width:32px;height:32px;border-radius:6px;background:rgba(177,232,40,.1);border:1px solid rgba(177,232,40,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wa-cta{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.88rem;padding:12px 22px;border-radius:6px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.wa-cta:hover{background:#1ebe5c;transform:translateY(-1px)}
.quote-aside{background:rgba(249,238,194,.07);border:1px solid rgba(177,232,40,.18);border-left:4px solid var(--lima);border-radius:0 6px 6px 0;padding:1.2rem 1.4rem;margin-top:1.5rem}
.quote-aside p{font-family:'Source Serif 4',serif;font-style:italic;font-size:.93rem;color:rgba(255,255,255,.84);line-height:1.65;margin-bottom:.45rem}
.quote-aside cite{font-size:.7rem;font-weight:700;color:var(--lima);letter-spacing:.5px;text-transform:uppercase;font-style:normal}
/* form */
.form-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:2rem}
.form-card h3{color:var(--lima);font-size:1rem;font-weight:700;margin-bottom:1.5rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fg{margin-bottom:1rem}
.fg label{display:block;font-size:.7rem;font-weight:600;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;background:var(--campo);border:1px solid var(--campo-b);border-radius:5px;padding:.72rem .9rem;color:var(--negro);font-size:.86rem;font-family:'Montserrat',sans-serif;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;outline:none}
.fg input::placeholder,.fg textarea::placeholder{color:#999994}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--lima);box-shadow:0 0 0 2px rgba(177,232,40,.22);background:#F0F0EB}
.fg textarea{min-height:78px;resize:vertical}
.fg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230C5913' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer;background-color:var(--campo)}
.fg select option{background:#fff;color:var(--negro)}
#estado-row{display:none;margin-bottom:1rem}
#estado-row.show{display:block}
.fcheck{display:flex;align-items:flex-start;gap:10px;margin-bottom:1.4rem}
.fcheck input{width:17px;height:17px;accent-color:var(--lima);margin-top:2px;flex-shrink:0;cursor:pointer}
.fcheck label{font-size:.82rem;color:rgba(255,255,255,.73);cursor:pointer;line-height:1.5}
.btn-submit{width:100%;background:var(--lima);color:var(--verde);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.94rem;padding:14px;border-radius:5px;border:none;cursor:pointer;letter-spacing:.3px;transition:background .2s,transform .15s}
.btn-submit:hover{background:var(--crema-dk);transform:translateY(-1px)}
.form-note{font-size:.7rem;color:rgba(255,255,255,.4);text-align:center;margin-top:.65rem}
.form-email-link{text-align:center;font-size:.75rem;color:rgba(255,255,255,.45);margin-top:.5rem}
.form-email-link a{color:var(--crema);opacity:.65;font-weight:600;text-decoration:none}
.form-email-link a:hover{opacity:1;color:var(--lima)}
.success-msg{display:none;align-items:center;gap:12px;background:rgba(177,232,40,.12);border:1px solid var(--lima);border-radius:6px;padding:13px 16px;margin-top:1rem}
.success-msg.show{display:flex}
.success-msg span{font-size:.84rem;font-weight:600;color:var(--lima)}

/* ══ FOOTER ══ */
footer{background:var(--cafe);padding:2.8rem 5% 2rem;border-top:3px solid var(--cafe-dk)}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:1.5rem}
.f-brand-logo{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.22rem;color:var(--crema);letter-spacing:.5px;margin-bottom:.75rem}
.f-brand-logo em{color:var(--lima);font-style:normal}
.f-brand-desc{font-size:.82rem;color:rgba(255,255,255,.56);line-height:1.7;margin-bottom:.25rem}
.f-brand-loc{font-size:.76rem;color:rgba(255,255,255,.38)}
.f-brand-email{margin-top:.5rem}
.f-brand-email a{font-size:.78rem;color:rgba(249,238,194,.6);font-weight:600;text-decoration:none;transition:color .2s}
.f-brand-email a:hover{color:var(--lima)}
.f-slogan{font-family:'Source Serif 4',serif;font-style:italic;font-size:.86rem;color:var(--crema);opacity:.75;margin-top:.75rem}
.fcol h4{color:var(--lima);font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.95rem}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.fcol ul a{color:rgba(255,255,255,.58);font-size:.82rem;transition:color .2s}
.fcol ul a:hover{color:var(--lima)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.73rem;color:rgba(255,255,255,.3)}
.footer-tagline{font-family:'Source Serif 4',serif;font-size:.8rem;color:var(--lima);font-style:italic}

/* ══ WA FLOAT ══ */
#wafloat{position:fixed;bottom:26px;right:22px;z-index:9999;width:54px;height:54px;border-radius:50%;background:#25D366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:wpulse 2.5s infinite;transition:transform .2s;text-decoration:none}
#wafloat:hover{transform:scale(1.1)}




/* ══ HERO LOGO ══ */
.hero-logo-wrap{margin-bottom:1.5rem}
.hero-logo-img{
  height:52px;width:auto;display:block;
  /* On dark green hero: keep original colors visible with slight brightness boost */
  filter:brightness(0) invert(1);
  /* White version of logo for dark background */
}
/* ══ CONTENT PROTECTION ══ */
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
img{-webkit-user-drag:none;user-drag:none;pointer-events:none}

/* ══ PRODUCT CARD ══ */
.alo-product-wrap{position:relative;display:flex;justify-content:center;width:100%}
.alo-product-card{width:300px;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(12,89,19,.25)}
.alo-product-photo{height:340px;position:relative;display:flex;align-items:center;justify-content:center}
.alo-product-overlay{
  position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(12,89,19,.82),rgba(6,28,10,.92));
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:2rem 1.5rem;gap:1rem;
}
.alo-product-badges{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-top:.5rem}
.apb{
  background:rgba(177,232,40,.15);border:1px solid rgba(177,232,40,.35);
  color:var(--lima);font-size:.7rem;font-weight:700;
  padding:5px 10px;border-radius:4px;text-align:center;letter-spacing:.5px;
}
.alo-product-footer{
  background:var(--verde);color:rgba(255,255,255,.7);
  padding:.75rem 1.2rem;font-size:.74rem;font-weight:600;
  display:flex;flex-direction:column;gap:2px;
}

/* ══ LANG PICKER ══ */
.lang-globe-wrap{position:relative}
.lang-globe{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  border-radius:6px;padding:6px 12px;cursor:pointer;
  color:rgba(255,255,255,.85);font-family:'Montserrat',sans-serif;
  font-size:.78rem;font-weight:700;
  transition:background .2s;
  position:relative;
}
.lang-globe:hover{background:rgba(255,255,255,.2)}
#lang-picker-popup{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;display:none;}
#lang-picker-popup.open{display:block;animation:fadeIn .15s ease}
.lpp-card{background:#fff;border-radius:10px;padding:.5rem;box-shadow:0 6px 24px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.07);min-width:160px;}
.lpp-card h3{display:none}
.lpp-card p{display:none}
.lpp-grid{display:flex;flex-direction:column;gap:2px}
.lpp-btn{
  border:1.5px solid transparent;border-radius:7px;
  padding:.55rem .8rem;cursor:pointer;background:transparent;
  transition:background .15s,border-color .15s;
  display:flex;align-items:center;gap:10px;width:100%;
}
.lpp-btn:hover{background:rgba(12,89,19,.07)}
.lpp-btn.active{background:rgba(12,89,19,.1)}
.lpp-flag{font-size:1.3rem;line-height:1;flex-shrink:0}
.lpp-text{display:flex;flex-direction:column;gap:1px}
.lpp-name{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.84rem;color:var(--verde)}
.lpp-native{font-size:.7rem;color:#999;font-style:italic;margin-left:auto}
.lpp-close{display:none}

@media(max-width:600px){
  .hero-stats{flex-wrap:wrap;gap:.8rem 0}
  .hstat{padding:0 1.8rem 0 0}
}

/* ══ NAV SUP FIX ══ */
.nav-links a sup{font-size:.5em;vertical-align:super;line-height:0;position:relative;top:0;margin-left:.5px}







50%{transform:translateY(6px)}}
  50%{transform:translateX(-50%) translateY(8px)}
}

/* ══ CULTIVO FA ICONS ══ */
.cultivo-icon{display:flex;align-items:center;justify-content:center;height:2.2rem}
.cultivo-icon i{transition:transform .2s}
.cultivo-item:hover .cultivo-icon i{transform:scale(1.15);color:var(--lima)}
.cultivo-item.active .cultivo-icon i{color:var(--lima)}






50%{transform:translateY(6px)}}
  50%{transform:translateX(-50%) translateY(7px)}
}
@media(max-width:600px){}


/* ══ NAV LAYOUT ══ */
#main-nav{
  position:sticky;top:0;z-index:200;
  background:var(--verde);
  padding:0 3%;
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:60px;
  max-width:1340px;
  margin:0 auto;
  gap:.5rem;
}
.nav-brand{
  display:flex;align-items:center;flex-shrink:0;
}

.back-to-top{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.65);
  margin:0 auto 1rem;
  transition:background .2s,color .2s;
  text-decoration:none;
}
.back-to-top:hover{background:rgba(255,255,255,.22);color:#fff}

.nos-badge{
  display:inline-flex;align-items:center;
  background:rgba(12,89,19,.07);
  border:1px solid rgba(12,89,19,.2);
  border-radius:20px;
  padding:.38rem .9rem;
  font-size:.76rem;font-weight:700;
  color:var(--verde);
  white-space:nowrap;
}






50%{transform:translateY(6px)}}
  50%{transform:translateX(-50%) translateY(8px)}
}
@media(max-width:600px){}

/* ══ SCROLL INDICATORS ══ */


50%{transform:translateY(6px)}}


@media(max-width:600px){}
/* ══ NAV SOCIALS ══ */
.nav-socials{display:flex;align-items:center;gap:2px}
.nav-soc-link{
  width:32px;height:32px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.55);
  transition:color .2s,background .2s;
}
.nav-soc-link:hover{color:var(--lima);background:rgba(177,232,40,.1)}

/* ══ COMPARATIVAS ══ */
.comp-sec{background:#fff;padding:5rem 5%}
.comp-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;max-width:1100px;margin:0 auto;
}
.comp-pair{border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}
.comp-pair:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(12,89,19,.15)}
.comp-images{display:grid;grid-template-columns:1fr 1fr}
.comp-img{height:180px;position:relative;overflow:hidden}
.comp-img img{width:100%;height:100%;object-fit:cover;display:block}
.comp-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem}
.comp-img-label{
  font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
  padding:5px 10px;text-align:center;
}
.comp-img-label.con{background:var(--lima);color:var(--verde)}
.comp-img-label.sin{background:#E0E0DB;color:#777}
.comp-divider{width:3px;background:var(--blanco);z-index:2}
.comp-body{padding:1rem 1.2rem;background:#FAFAF7;border-top:1px solid #EEEEE8}
.comp-body h4{font-size:.85rem;font-weight:700;color:var(--verde);margin-bottom:.3rem}
.comp-body p{font-size:.76rem;color:var(--gris-texto);line-height:1.55}
.comp-note{text-align:center;font-size:.78rem;color:var(--gris-texto);max-width:700px;margin:2rem auto 0;font-style:italic;opacity:.7}
@media(max-width:860px){.comp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.comp-grid{grid-template-columns:1fr}}

/* ══ RESPONSIVE ══ */
@media(max-width:960px){
  .nav-links{display:none !important}
  .nav-hamburger{display:flex !important}
  .nav-socials{display:none !important}
  .nav-cta{display:none !important}
  
  .alomyxa-inner,.nosotros-inner,.contacto-inner{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr 1fr}
  .step-highlight{grid-column:auto}
  .port-grid{grid-template-columns:1fr 1fr}
  .cien-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .descargas-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .evidencia-wrap{grid-template-columns:1fr}
}
@media(max-width:600px){
  .steps-grid,.port-grid,.cien-grid,.descargas-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .hero-stats{gap:0}
  .hstat:not(:last-child){border-right:none;margin-right:0}
  .alo-circle{width:280px;height:300px}
}



50%{box-shadow:0 4px 22px rgba(37,211,102,.7)}}
@media(max-width:600px){}


.omri-logo{transition:opacity .2s}

/* ══ HAMBURGER + MOBILE MENU ══ */
.nav-hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:42px;height:42px;
  background:transparent;
  border:none;
  cursor:pointer;
  padding:9px;
  margin-left:auto;
  -webkit-tap-highlight-color:transparent;
}
.nav-hamburger span{
  display:block;
  width:100%;height:2.5px;
  background:#fff;
  border-radius:2px;
  transition:transform .3s ease,opacity .25s ease;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mobile-menu{
  position:fixed;
  top:60px;left:0;right:0;
  background:var(--verde);
  z-index:199;
  display:flex;
  flex-direction:column;
  padding:1rem 5% 1.5rem;
  gap:2px;
  transform:translateY(-120%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  max-height:calc(100vh - 60px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.mobile-menu.open{transform:translateY(0)}
.mobile-link{
  color:rgba(255,255,255,.9);
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  font-size:.95rem;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-decoration:none;
  padding:.9rem .5rem;
  border-bottom:1px solid rgba(255,255,255,.1);
  transition:color .2s,padding-left .2s;
}
.mobile-link:active,.mobile-link:hover{color:var(--lima);padding-left:1rem}
.mobile-cta{
  background:var(--lima);
  color:var(--verde);
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:.9rem;
  padding:.9rem;
  border-radius:6px;
  border:none;
  cursor:pointer;
  margin-top:1rem;
  letter-spacing:.5px;
}
.mobile-menu-backdrop{
  position:fixed;
  inset:60px 0 0 0;
  background:rgba(0,0,0,.4);
  z-index:198;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s,visibility .35s;
}
.mobile-menu-backdrop.open{opacity:1;visibility:visible}


/* ══ CROSS-BROWSER COMPAT + RESPONSIVE ══ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
img{max-width:100%;height:auto}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button{font-family:inherit}
a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* Vendor prefixes for backdrop-filter */
.alo-product-overlay,.nosotros-visual>div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* Tablet landscape and below */
@media(max-width:1024px){
  #main-nav{padding:0 4%}
  section{padding-left:5%;padding-right:5%}
}

/* Tablet portrait */
@media(max-width:860px){
  .hero-h1,.hero h1{font-size:clamp(1.8rem,6vw,2.6rem)}
  .sec-h2-c{font-size:clamp(1.5rem,5vw,2rem)}
  .descargas-grid{grid-template-columns:1fr 1fr}
  .cien-grid,.port-grid{grid-template-columns:1fr 1fr}
}

/* Mobile landscape */
@media(max-width:680px){
  .descargas-grid,.cien-grid,.port-grid,.steps-grid{grid-template-columns:1fr}
  .cultivos-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
  .alo-btns{flex-direction:column}
  .alo-btns button{width:100%}
  .omri-badges{flex-wrap:wrap}
  .omri-logo{height:80px !important}
}

/* Mobile portrait */
@media(max-width:480px){
  #main-nav{padding:0 16px}
  .nav-brand img{height:34px !important}
  .hero-h1,.hero h1{font-size:clamp(1.6rem,7vw,2.2rem)}
  .hero-stats{flex-direction:column;gap:1rem;align-items:flex-start}
  .hstat{padding:0 !important;width:100%}
  .cred-pill{font-size:.68rem}
  .cultivos-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.6rem}
  .cultivo-icon{font-size:1.6rem !important}
  .sec-tag{font-size:.62rem;letter-spacing:1.5px}
  .dosis-hdr,.dosis-row{font-size:.78rem}
  .footer-top{grid-template-columns:1fr;gap:2rem}
  .desc-card{padding:1.2rem !important}
  .lpp-card{min-width:140px}
  .omri-logo{height:70px !important}
  .testi-card{padding:1.4rem !important}
}

/* Very small devices */
@media(max-width:360px){
  .hero-h1,.hero h1{font-size:1.5rem}
  .cultivos-grid{grid-template-columns:repeat(3,1fr)}
  .nav-brand img{height:30px !important}
  #wafloat{width:48px !important;height:48px !important;right:14px !important;bottom:14px !important}
}

/* Touch-friendly tap targets on mobile */
@media(hover:none) and (pointer:coarse){
  .nav-cta,.mobile-cta,.btn-verde,.btn-lima,.btn-ghost,.wa-cta,button{min-height:44px}
  .mobile-link,.cultivo-item,.desc-lang{min-height:44px;display:flex;align-items:center}
  .cultivo-item{flex-direction:column;justify-content:center}
}

/* Landscape phones - reduce hero height */
@media(max-height:500px) and (orientation:landscape){
  .hero,#inicio{min-height:auto;padding-top:80px;padding-bottom:40px}
}

/* Reduce motion for accessibility */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}


/* ══ COUNTRY PICKER ══ */
.country-picker{position:relative;width:100%}
.cp-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  background:var(--campo);border:1px solid var(--campo-b);border-radius:5px;
  padding:.72rem .9rem;cursor:pointer;font-family:'Montserrat',sans-serif;
  font-size:.86rem;color:var(--negro);transition:border-color .2s,box-shadow .2s;
  -webkit-appearance:none;outline:none;
}
.cp-trigger:focus,.cp-trigger.active{border-color:var(--verde);box-shadow:0 0 0 2px rgba(12,89,19,.12)}
.cp-selected{display:flex;align-items:center;gap:.6rem;overflow:hidden}
.cp-flag{font-size:1.2rem;line-height:1;flex-shrink:0}
.cp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-dial{color:#888;font-size:.8rem;margin-left:auto;flex-shrink:0}
.cp-arrow{transition:transform .25s;flex-shrink:0;margin-left:.5rem}
.cp-trigger.active .cp-arrow{transform:rotate(180deg)}
.cp-popup{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:500;
  background:#fff;border:1px solid var(--campo-b);border-radius:8px;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  display:none;overflow:hidden;
}
.cp-popup.open{display:block}
.cp-search-wrap{padding:.6rem;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}
.cp-search{
  width:100%;padding:.5rem .7rem;border:1px solid var(--campo-b);border-radius:5px;
  font-size:.82rem;font-family:'Montserrat',sans-serif;outline:none;-webkit-appearance:none;
}
.cp-search:focus{border-color:var(--verde)}
.cp-list{max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cp-option{
  display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;cursor:pointer;
  font-size:.84rem;color:var(--negro);transition:background .15s;
}
.cp-option:hover,.cp-option.highlighted{background:rgba(12,89,19,.07)}
.cp-option .cp-name{flex:1}
.cp-option .cp-dial{color:#999;font-size:.78rem}
.cp-sep{height:1px;background:#e8e8e3;margin:.3rem 0}
.cp-option.hidden{display:none}
@media(max-width:480px){
  .cp-list{max-height:200px}
  .cp-dial{font-size:.72rem}
}


/* ══ LADA PICKER ══ */
.lada-trigger{
  display:flex;align-items:center;gap:.35rem;height:100%;
  background:var(--campo);border:1px solid var(--campo-b);border-radius:5px;
  padding:.72rem .6rem;cursor:pointer;font-family:'Montserrat',sans-serif;
  font-size:.84rem;color:var(--negro);white-space:nowrap;-webkit-appearance:none;outline:none;
}
.lada-trigger:focus{border-color:var(--verde)}
.lada-popup{
  position:absolute;top:calc(100% + 4px);left:0;z-index:500;width:260px;
  background:#fff;border:1px solid var(--campo-b);border-radius:8px;
  box-shadow:0 8px 28px rgba(0,0,0,.18);display:none;overflow:hidden;
}
.lada-popup.open{display:block}
.lada-list{max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.lada-option{
  display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;cursor:pointer;
  font-size:.82rem;color:var(--negro);transition:background .15s;
}
.lada-option:hover,.lada-option.highlighted{background:rgba(12,89,19,.07)}
.lada-option .lada-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lada-option .cp-dial{color:#999;font-size:.78rem}
.lada-sep{height:1px;background:#e8e8e3;margin:.3rem 0}
.lada-option.hidden{display:none}
@media(max-width:480px){.lada-popup{width:240px}}


/* ══ FIX: ALOMYXA PRODUCT + OMRI VERTICAL STACK ══ */
.alo-visual{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:1.35rem !important;
}
.alo-visual .alo-product-wrap{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
}
.alo-visual .omri-badges{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:1rem !important;
  margin-top:0 !important;
  clear:both !important;
}


/* ══ PRODUCT IMAGE REAL ══ */
.alo-product-img-real{
  max-width:420px;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:600px){
  .alo-product-img-real{max-width:320px}
}


/* hero buttons responsive */
@media(max-width:600px){
  .hero-btns{flex-direction:column;align-items:flex-start;gap:.7rem}
  .btn-ghost,.btn-lima{width:100%;justify-content:center;text-align:center;display:flex;align-items:center;padding:13px 20px;font-size:.85rem}
}
@media(max-width:360px){
  .btn-ghost,.btn-lima{font-size:.78rem;padding:11px 14px}
}

/* ===== BLOQUE ORIGINAL 2 (de 6) — extraído verbatim, sin modificar ===== */
/* Ajuste final: garrafa WebP + OMRI WebP equilibrados en la sección Nuestro producto insignia */
  .alo-visual{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.9rem!important;
    padding-top:22px!important;
  }
  .alo-visual .alo-product-wrap{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto!important;
  }
  #alomyxa-product-img,
  .alo-product-img-real{
    width:100%!important;
    max-width:330px!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    margin:24px auto 0 auto!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    filter:none!important;
  }
  .alo-visual .omri-badges{
    width:100%!important;
    max-width:330px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:.55rem!important;
    margin:0 auto!important;
    padding:0!important;
    background:#fff!important;
    clear:both!important;
  }
  .alo-visual .omri-logo{
    height:82px!important;
    width:auto!important;
    max-width:245px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
    background:#fff!important;
  }
  @media(max-width:960px){
    .alo-visual{padding-top:18px!important;}
    #alomyxa-product-img,
    .alo-product-img-real{max-width:310px!important;margin-top:20px!important;}
    .alo-visual .omri-badges{max-width:310px!important;}
    .alo-visual .omri-logo{height:78px!important;max-width:235px!important;}
  }
  @media(max-width:600px){
    .alo-visual{padding-top:14px!important;}
    #alomyxa-product-img,
    .alo-product-img-real{max-width:285px!important;margin-top:16px!important;}
    .alo-visual .omri-badges{max-width:285px!important;}
    .alo-visual .omri-logo{height:70px!important;max-width:215px!important;}
  }

/* ===== BLOQUE ORIGINAL 3 (de 6) — extraído verbatim, sin modificar ===== */
/* Garantía: debajo de la garrafa se muestra solo una imagen OMRI, cambiando src por idioma */
  .alo-visual .omri-badges img.omri-es,
  .alo-visual .omri-badges img.omri-en{display:none!important;}
  .alo-visual .omri-badges #omri-logo-current{display:block!important;}

/* ===== BLOQUE ORIGINAL 4 (de 6) — extraído verbatim, sin modificar ===== */
/* UI final: más aire entre garrafa y OMRI + acceso directo al certificado sin mostrar URL */
  .alo-visual .omri-badges{
    margin-top:1.45rem!important;
    gap:.75rem!important;
  }
  .omri-cert-text{
    margin:0 auto .15rem!important;
    max-width:320px!important;
    color:var(--verde)!important;
    font-size:.78rem!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-align:center!important;
    letter-spacing:.1px!important;
  }
  .omri-certificate-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:.15rem!important;
    border-radius:10px!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:transform .18s ease, box-shadow .18s ease!important;
  }
  .omri-certificate-link:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 8px 22px rgba(12,89,19,.12)!important;
  }
  .omri-certificate-link img{
    pointer-events:auto!important;
  }
  @media(max-width:600px){
    .alo-visual .omri-badges{margin-top:1.15rem!important;gap:.65rem!important;}
    .omri-cert-text{font-size:.74rem!important;max-width:280px!important;}
  }

/* ===== BLOQUE ORIGINAL 5 (de 6) — extraído verbatim, sin modificar ===== */
/* Hero con nueva imagen de berries: máxima legibilidad sin ocultar el fondo */
  .hero-bg{
    opacity:1!important;
  }
  .hero-bg img{
    object-position:center center!important;
    object-fit:cover!important;
  }
  .hero-overlay{
    background:
      linear-gradient(90deg,
        rgba(4,31,8,.92) 0%,
        rgba(12,89,19,.84) 34%,
        rgba(12,89,19,.50) 62%,
        rgba(12,89,19,.26) 100%),
      linear-gradient(180deg,
        rgba(0,0,0,.26) 0%,
        rgba(0,0,0,.08) 48%,
        rgba(0,0,0,.24) 100%)!important;
  }
  .hero-content{
    position:relative!important;
    z-index:3!important;
    text-shadow:0 2px 14px rgba(0,0,0,.36)!important;
  }
  .hero-content::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:2rem;
    bottom:2rem;
    left:2.5%;
    right:-5rem;
    background:linear-gradient(90deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,0) 100%);
    border-radius:24px;
    pointer-events:none;
  }
  .hero-h1{
    color:#fff!important;
    text-shadow:0 3px 18px rgba(0,0,0,.48),0 1px 2px rgba(0,0,0,.42)!important;
  }
  .hero-h1 em{
    color:var(--lima)!important;
    text-shadow:0 3px 16px rgba(0,0,0,.42)!important;
  }
  .hero-desc,
  .hero-slogan,
  .hero-eyebrow,
  .hstat-lbl{
    text-shadow:0 2px 12px rgba(0,0,0,.50)!important;
  }
  .hero-desc{
    color:rgba(255,255,255,.92)!important;
  }
  .hero-slogan{
    color:#F9EEC2!important;
    border-left-color:var(--lima)!important;
  }
  .hero-texture{
    opacity:.34!important;
  }
  @media(max-width:760px){
    .hero-bg img{object-position:center center!important;}
    .hero-overlay{
      background:
        linear-gradient(180deg,rgba(4,31,8,.88) 0%,rgba(12,89,19,.74) 48%,rgba(12,89,19,.48) 100%),
        linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.10))!important;
    }
    .hero-content::before{
      top:1.4rem;bottom:1.4rem;left:3%;right:3%;
      background:rgba(0,0,0,.16);
      border-radius:18px;
    }
  }

/* ===== BLOQUE ORIGINAL 6 (de 6) — extraído verbatim, sin modificar ===== */
/* N estilizada Nutrisurco: mayor presencia visual, aún como marca de agua */
  .hero > div[style*="left:50%"] img[aria-hidden="true"]{
    opacity:.23!important;
    transform:scale(1.06)!important;
    mix-blend-mode:screen!important;
    filter:
      brightness(0) invert(1)
      drop-shadow(0 0 22px rgba(177,232,40,.20))
      drop-shadow(0 0 44px rgba(177,232,40,.12))!important;
  }
  @media(max-width:760px){
    .hero > div[style*="left:50%"] img[aria-hidden="true"]{
      opacity:.18!important;
      transform:scale(1.02)!important;
    }
  }