/* ══════ PÁGINAS INTERIORES ══════ */

/* cabecera de página */
.page-hero{position:relative;overflow:hidden;min-height:min(86svh,860px);display:flex;align-items:flex-end;
  background:radial-gradient(110% 90% at 82% 0%,rgba(255,241,214,.9),transparent 58%),linear-gradient(180deg,#FDFBF7 0%,#F6F4EC 55%,#EEF1F8 100%)}
.page-hero .haze{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.page-hero .hz1{width:40vw;height:40vw;right:-8%;top:-14%;background:rgba(240,208,140,.38)}
.page-hero .hz2{width:34vw;height:34vw;left:-10%;bottom:-20%;background:rgba(127,176,140,.24)}
.page-hero .hz3{width:26vw;height:26vw;right:30%;bottom:-14%;background:rgba(169,176,218,.3)}
.ph-grid{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,70px);align-items:center;
  padding:clamp(120px,13vw,170px) var(--pad) clamp(40px,5vw,70px)}
.ph-grid.solo{grid-template-columns:1fr}
.page-hero h1{color:var(--deep);margin:22px 0 22px;max-width:16ch}
.page-hero h1.caps{font-size:clamp(30px,3.9vw,58px);line-height:1.08;letter-spacing:-.01em;max-width:22ch}
.page-hero h1 em{color:var(--honey)}
.page-hero .lead{font-size:clamp(16px,1.3vw,19px);color:#4A5275;max-width:50ch}
.page-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ph-visual{position:relative;display:grid;place-items:center;min-height:clamp(300px,36vw,560px)}
.ph-visual .disc{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,236,199,.5) 55%,transparent 72%)}
.ph-visual .ring{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);animation:spin 60s linear infinite}
.ph-visual .ring::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--honey)}
@keyframes spin{to{transform:rotate(360deg)}}
.tinstack{position:relative;width:min(100%,520px);aspect-ratio:1.25}
.tinstack img{position:absolute;bottom:0;filter:drop-shadow(0 30px 30px rgba(31,41,96,.28));transition:transform 1.2s var(--ease);opacity:0;transform:translateY(40px)}
.on .tinstack img,.tinstack.on img{opacity:1;transform:none}
.tinstack .a{width:44%;left:28%;z-index:3;transition-delay:.15s}
.tinstack .b{width:37%;left:2%;bottom:5%;z-index:2;transition-delay:.3s}
.tinstack .c{width:37%;right:2%;bottom:5%;z-index:1;transition-delay:.45s}
.tinstack.four .a{width:36%;left:32%}
.tinstack.four .b{width:30%;left:4%}
.tinstack.four .c{width:30%;right:4%}
.ph-photo{position:relative;border-radius:4px;overflow:hidden;width:100%;aspect-ratio:4/3;box-shadow:0 40px 80px -40px rgba(31,41,96,.45)}
.ph-photo img,.ph-photo video{width:100%;height:100%;object-fit:cover}
.page-hero .flora{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.page-hero .flora .stem{fill:none;stroke:rgba(47,107,79,.3);stroke-width:1.6;stroke-linecap:round}
.page-hero .flora .leaf{fill:rgba(70,138,99,.15);stroke:rgba(47,107,79,.25);stroke-width:1}
.page-hero .sprig{transform-box:fill-box;transform-origin:bottom center;animation:sway 9s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}

/* migas de pan */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"/";color:var(--line)}
.crumbs a:hover{color:var(--deep)}
.crumbs [aria-current]{color:var(--deep)}

/* texto introductorio a dos columnas */
.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,100px);align-items:start}
.intro .h2{color:var(--deep);max-width:13ch;margin-top:18px}
.prose{display:grid;gap:16px;color:#454C6E;font-size:16px;max-width:64ch}
.prose strong{color:var(--deep);font-weight:600}
.prose ul{padding-left:0;list-style:none;display:grid;gap:12px}
.prose li{padding-left:22px;position:relative}
.prose li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:1px;background:var(--honey)}

/* etapas de producto */
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,28px)}
.stages.four{grid-template-columns:repeat(4,1fr)}
.stage{position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:.6s var(--ease)}
.stage:hover{transform:translateY(-8px);box-shadow:0 40px 70px -40px rgba(31,41,96,.4)}
.stage .top{position:relative;aspect-ratio:1/0.92;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 50% 62%,#fff 0%,var(--tint,#EEF1F8) 70%)}
.stage .top::after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:14px;border-radius:50%;background:rgba(31,41,96,.14);filter:blur(10px)}
.stage .top img{width:52%;position:relative;z-index:1;transition:transform 1s var(--ease)}
.stage:hover .top img{transform:translateY(-8px) rotate(-2deg)}
.stage .age{position:absolute;left:16px;top:16px;z-index:2;background:rgba(255,255,255,.9);color:var(--deep);padding:6px 10px;border-radius:100px}
.stage .num{position:absolute;right:14px;top:4px;z-index:0;font-family:var(--display);font-size:120px;line-height:1;color:rgba(255,255,255,.75);font-weight:600}
.stage .bd{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.stage h3{color:var(--deep)}
.stage p{font-size:14.5px;color:var(--muted)}
.plus{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.plus li{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:6px 10px;border-radius:100px;background:rgba(47,61,144,.07);color:var(--deep)}
.plus li::before{content:"+ ";color:var(--honey)}
.stage .pdf{margin-top:auto;padding-top:10px}
.pdf{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--deep)}
.pdf::before{content:"PDF";font-family:var(--mono);font-size:10px;letter-spacing:.1em;background:var(--deep);color:#fff;padding:4px 7px;border-radius:3px}
.pdf:hover{color:var(--honey)}

/* nutrientes / claves */
.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:6px;overflow:hidden}
.keys>div{background:#fff;padding:clamp(22px,2.4vw,34px);transition:background .4s}
.keys>div:hover{background:#FBF8F3}
.keys b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(20px,1.8vw,26px);color:var(--deep);line-height:1.15;margin-bottom:10px}
.keys span{font-size:14px;color:var(--muted);display:block}
.keys .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--honey);margin-bottom:12px}
.dark .keys{background:var(--dline);border-color:var(--dline)}
.dark .keys>div{background:var(--deep-2)}.dark .keys>div:hover{background:#26307A}
.dark .keys b{color:#fff}.dark .keys span{color:rgba(255,255,255,.66)}

/* formatos y aviso */
.formats{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,70px);align-items:stretch}
.fmt{background:var(--deep-2);color:#fff;border-radius:6px;padding:clamp(26px,3vw,44px);position:relative;overflow:hidden}
.fmt::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;border:1px solid var(--dline)}
.fmt h2,.fmt h3{color:#fff;margin:14px 0 22px}
.fmt dl{display:grid;grid-template-columns:auto 1fr;gap:14px 24px}
.fmt dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);padding-top:3px}
.fmt dd{display:flex;flex-wrap:wrap;gap:6px}
.fmt dd span{font-family:var(--mono);font-size:12px;padding:6px 10px;border:1px solid var(--dline);border-radius:100px}
.notice{border:1px solid var(--line);border-radius:6px;padding:clamp(24px,2.6vw,38px);background:#fff;display:flex;flex-direction:column;justify-content:center;gap:14px}
.notice .ico{width:46px;height:46px;border-radius:50%;background:#EEF1F8;display:grid;place-items:center;color:var(--deep)}
.notice p{color:#454C6E;font-size:15px}

/* fila de imagen + texto */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.split.rev>:first-child{order:2}
.split .ph{border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:#EAEDF7}
.split .ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--ease)}
.split .ph.on img{transform:none}
.split .h2{color:var(--deep);margin:18px 0 20px;max-width:14ch}
.dark .split .h2{color:#fff}

/* línea de hitos (about) */
.miles{position:relative;display:grid;gap:0;margin-top:clamp(30px,4vw,56px)}
.miles::before{content:"";position:absolute;left:clamp(22px,8vw,120px);top:0;bottom:0;width:1px;background:var(--line)}
.miles .fill{position:absolute;left:clamp(22px,8vw,120px);top:0;width:2px;margin-left:-.5px;background:var(--honey);height:100%;transform-origin:top;transform:scaleY(0)}
.mile{position:relative;display:grid;grid-template-columns:clamp(44px,16vw,240px) 1fr;gap:clamp(18px,3vw,50px);padding:clamp(20px,2.4vw,34px) 0;align-items:start}
.mile .dot{position:absolute;left:clamp(22px,8vw,120px);top:clamp(28px,3vw,42px);width:15px;height:15px;margin-left:-7px;border-radius:50%;background:var(--milk);border:1px solid var(--line);transition:.5s var(--ease);z-index:2}
.mile.on .dot{background:var(--honey);border-color:var(--honey);transform:scale(1.2)}
.mile .n{grid-column:1;text-align:right;padding-right:clamp(10px,4vw,60px);font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted);padding-top:6px}
.mile .c{grid-column:2;background:#fff;border:1px solid var(--line-soft);border-radius:6px;padding:clamp(20px,2.2vw,30px);opacity:.35;transform:translateX(20px);transition:.8s var(--ease)}
.mile.on .c{opacity:1;transform:none}
.mile h3{color:var(--deep);margin-bottom:8px}
.mile p{color:var(--muted);font-size:15px}
.mile .pend{margin-top:10px}

/* proceso (calidad) */
.proc{display:grid;gap:clamp(18px,2vw,26px);counter-reset:p}
.proc-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:clamp(20px,3vw,50px);align-items:center;padding:clamp(26px,3vw,44px) 0;border-top:1px solid var(--line)}
.proc-row .big{font-family:var(--display);font-size:clamp(60px,7vw,110px);font-weight:300;color:var(--honey);line-height:.8;letter-spacing:-.05em}
.proc-row h3{color:var(--deep);font-size:clamp(22px,2.2vw,32px);margin-bottom:12px}
.proc-row p{color:#454C6E;font-size:15.5px}
.proc-row .ph{border-radius:6px;overflow:hidden;aspect-ratio:16/10;background:#EAEDF7}
.proc-row .ph img{width:100%;height:100%;object-fit:cover}
.checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.checks span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:7px 12px;border-radius:100px;background:#fff;border:1px solid var(--line);color:var(--deep)}
.proc-icon{aspect-ratio:16/10;border-radius:6px;display:grid;place-items:center;background:linear-gradient(140deg,#EEF1F8,#F7F2EA)}
.proc-icon svg{width:30%;stroke:var(--deep);fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}

/* banda con vídeo */
.vband{position:relative;min-height:80svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--deep-2)}
.vband video,.vband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vband .scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,23,65,.92) 0%,rgba(18,23,65,.45) 55%,rgba(18,23,65,.2) 100%)}
.vband .txt{position:relative;z-index:2;padding:clamp(40px,6vw,90px) var(--pad);max-width:900px}
.vband .h2{color:#fff;margin:18px 0 18px;max-width:16ch}
.vband p{color:rgba(255,255,255,.78);max-width:52ch}
.certrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.certrow .cert{background:rgba(255,255,255,.1);border-color:var(--dline);color:#fff}

/* banda final de llamada a la acción */
.cta-band{background:linear-gradient(120deg,var(--deep-2) 0%,#2F3D90 60%,#3E4CA8 100%);color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;right:-10%;top:-60%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(196,146,60,.25),transparent 62%)}
.cta-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,70px);align-items:end;padding-block:clamp(60px,7vw,110px)}
.cta-band .eyebrow{color:var(--sky)}
.cta-band .h2{color:#fff;margin-top:16px;max-width:16ch}
.cta-side p{color:rgba(255,255,255,.75);margin-bottom:24px;max-width:44ch}

/* página de contacto */
.contact-hero .ph-photo{aspect-ratio:16/11}
.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:6px;overflow:hidden}
.chan>div{background:#fff;padding:clamp(24px,2.6vw,36px)}
.chan h2{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--honey);font-weight:500;margin-bottom:14px}
.chan p,.chan address,.chan a{font-family:var(--display);font-size:clamp(19px,1.7vw,24px);color:var(--deep);font-style:normal;line-height:1.3}
.chan a:hover{color:var(--honey)}
.chan small{display:block;margin-top:10px;font-family:var(--body);font-size:14px;color:var(--muted)}

@media(max-width:1080px){
  .ph-grid,.intro,.formats,.split,.cta-inner{grid-template-columns:1fr}
  .split.rev>:first-child{order:0}
  .stages,.stages.four{grid-template-columns:1fr 1fr}
  .keys{grid-template-columns:1fr 1fr}
  .proc-row{grid-template-columns:80px 1fr}
  .proc-row .ph,.proc-row .proc-icon{grid-column:2}
  .ph-visual{min-height:280px}
  .page-hero{min-height:0}
}
@media(max-width:760px){
  .stages,.stages.four,.keys,.chan{grid-template-columns:1fr}
  .proc-row{grid-template-columns:1fr}
  .proc-row .ph,.proc-row .proc-icon{grid-column:auto}
  .mile{grid-template-columns:1fr;padding-left:44px}
  .mile .n{grid-column:1;text-align:left;padding:0 0 8px}
  .mile .c{grid-column:1}
  .miles::before,.miles .fill,.mile .dot{left:14px}
  .fmt dl{grid-template-columns:1fr}
  .vband{min-height:70svh}
  .tinstack{width:88%}
}

/* producto individual */
.tinstack.solo{aspect-ratio:1;width:min(100%,460px)}
.tinstack.solo .a{width:62%;left:19%;bottom:4%}
.card .ph.sib{display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#fff 0%,var(--tint) 75%)}
.card .ph.sib img{width:auto;height:84%;object-fit:contain}

/* preguntas frecuentes */
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,90px);align-items:start}
.faq-nav{position:sticky;top:110px;display:grid;gap:8px}
.faq-nav a{font-size:14px;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line-soft)}
.faq-nav a:hover{color:var(--deep)}
.faq-group+.faq-group{margin-top:clamp(40px,5vw,70px)}
.faq-group>h2{color:var(--deep);font-size:clamp(24px,2.4vw,34px);margin-bottom:14px}
.faq{border-top:1px solid var(--line)}
.faq:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-size:clamp(17px,1.5vw,21px);color:var(--deep);font-family:var(--display)}
.faq summary i{flex:0 0 28px;height:28px;border-radius:50%;border:1px solid var(--line);position:relative;transition:.4s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--deep);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:.4s var(--ease)}
.faq[open] summary i{background:var(--deep);border-color:var(--deep)}
.faq[open] summary i::before,.faq[open] summary i::after{background:#fff}
.faq[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq .ans{padding:0 0 22px;color:#454C6E;font-size:15.5px;max-width:68ch;display:grid;gap:10px}
.faq .ans a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}

/* become a distributor */
.steps5{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.6vw,24px);counter-reset:s}
.steps5 li{list-style:none;position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:6px;padding:clamp(20px,2vw,28px);padding-top:56px}
.steps5 li::before{counter-increment:s;content:"0" counter(s);position:absolute;left:clamp(20px,2vw,28px);top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--honey)}
.steps5 li::after{content:"";position:absolute;right:-14px;top:24px;width:14px;height:1px;background:var(--line)}
.steps5 li:last-child::after{display:none}
.steps5 h3{color:var(--deep);font-size:clamp(17px,1.4vw,20px);margin-bottom:8px}
.steps5 p{font-size:14px;color:var(--muted)}
.offer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dline);border:1px solid var(--dline);border-radius:6px;overflow:hidden}
.offer>div{background:var(--deep-2);padding:clamp(24px,2.6vw,36px)}
.offer h3{color:#fff;margin:12px 0 10px}
.offer p{color:rgba(255,255,255,.7);font-size:14.5px}
.offer .k{color:var(--honey)}

/* textos legales */
.legal{max-width:78ch}
.legal h2{font-size:clamp(22px,2vw,28px);color:var(--deep);margin:42px 0 12px}
.legal h3{font-size:18px;color:var(--deep);margin:24px 0 8px}
.legal p,.legal li{color:#454C6E;font-size:15.5px}
.legal p+p{margin-top:12px}
.legal ul{padding-left:20px;display:grid;gap:6px;margin-top:10px}
.legal a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.legal table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:#454C6E}
.legal th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}

@media(max-width:1080px){.faq-wrap{grid-template-columns:1fr}.faq-nav{position:static;grid-template-columns:1fr 1fr}.steps5,.offer{grid-template-columns:1fr 1fr}.steps5 li::after{display:none}}
@media(max-width:760px){.steps5,.offer,.faq-nav{grid-template-columns:1fr}}
.card .ph.sib{position:relative}
.card .ph.sib img{position:absolute;left:0;right:0;top:7%;margin-inline:auto;height:86%;width:auto;max-width:none;object-fit:contain}

/* páginas de país */
.country-hero .bigflag{width:84px;height:auto;border-radius:4px;box-shadow:0 14px 30px -12px rgba(31,41,96,.45);margin:24px 0 4px}
.cmap-wrap{background:linear-gradient(160deg,#EEF1F8,#F7F2EA);border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(31,41,96,.5)}
.cmap{display:block;width:100%;height:auto;aspect-ratio:1.6}
.cmap .oth{fill:#DDE2EF;stroke:#fff;stroke-width:.35}
.cmap .tgt{fill:var(--deep);stroke:#fff;stroke-width:.4;animation:tgtIn 1.4s var(--ease) both}
@keyframes tgtIn{from{fill:#DDE2EF}to{fill:var(--deep)}}
.cmap .pin{fill:var(--honey);stroke:#fff;stroke-width:.3}
.cmap .ring{fill:none;stroke:var(--honey);stroke-width:.35;opacity:.6;transform-box:fill-box;transform-origin:center;animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.cmap text{fill:var(--deep);font-family:var(--mono);letter-spacing:.05em}
.pcard{background:#fff;border:1px solid var(--line-soft);border-radius:8px;padding:clamp(22px,2.6vw,36px);display:grid;gap:14px}
.pcard dl{display:grid;grid-template-columns:auto 1fr;gap:14px 26px}
.pcard dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--honey);padding-top:4px}
.pcard dd{color:var(--deep);font-size:16px}
.pcard>.pend{justify-self:start}
.es-block{margin-top:18px;border-left:2px solid var(--honey);padding:4px 0 4px 18px}
.es-block p{color:#454C6E;margin-top:10px;font-size:15.5px}
@media(max-width:760px){.pcard dl{grid-template-columns:1fr;gap:4px 0}.pcard dd{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.cmap .ring{display:none}}
.cmap text{paint-order:stroke;stroke:#fff;stroke-linejoin:round;font-weight:500}

/* catálogo con registro */
.catdl{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,60px);align-items:center;background:var(--deep-2);color:#fff;border-radius:8px;padding:clamp(24px,3.4vw,52px);margin-bottom:clamp(18px,2vw,26px);overflow:hidden;position:relative}
.catdl::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(196,146,60,.28),transparent 65%);pointer-events:none}
.catdl-cover img{width:100%;border-radius:4px;box-shadow:0 40px 60px -30px rgba(0,0,0,.6);transform:rotate(-2deg);transition:transform 1s var(--ease)}
.catdl:hover .catdl-cover img{transform:rotate(0) scale(1.02)}
.catdl h2{color:#fff}
.catdl-body>p{color:rgba(255,255,255,.75);margin:10px 0 24px;max-width:52ch}
.catform .fnote a{color:var(--honey);text-decoration:underline}
@media(max-width:900px){.catdl{grid-template-columns:1fr}}

/* banda final con formulario corto */
.cta-inner{align-items:center}
.cta-sub{color:rgba(255,255,255,.75);margin:18px 0 20px;max-width:46ch}
.cta-band .tlink{color:#fff;border-color:var(--dline)}
.qform{background:rgba(255,255,255,.06);border:1px solid var(--dline);border-radius:8px;padding:clamp(20px,2.6vw,34px);gap:20px;backdrop-filter:blur(6px)}
.qform .consent{font-size:12.5px}

/* pasos de export: compactos, con imagen que entra con el scroll */
.xsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.xstep{background:#fff;border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.6s var(--ease)}
.xstep:hover{transform:translateY(-6px);box-shadow:0 34px 60px -36px rgba(31,41,96,.4)}
.xph{position:relative;aspect-ratio:16/10;overflow:hidden;background:#EAEDF7}
.xph img{width:100%;height:100%;object-fit:cover;transform:scale(1.18) translateY(6%);filter:saturate(.6);transition:transform 1.6s var(--ease),filter 1.6s var(--ease)}
.xph.on img{transform:scale(1.02);filter:none}
.xstep:hover .xph img{transform:scale(1.08)}
.scanlens{position:absolute;top:50%;left:10%;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:2px solid var(--deep);
  box-shadow:0 0 0 4px rgba(255,255,255,.6);animation:lens 6s ease-in-out infinite}
.scanlens::after{content:"";position:absolute;right:-14px;bottom:-12px;width:16px;height:3px;background:var(--deep);border-radius:2px;transform:rotate(45deg)}
@keyframes lens{0%,100%{transform:translate(0,0)}25%{transform:translate(160%,-40%)}50%{transform:translate(310%,20%)}75%{transform:translate(120%,50%)}}
.xbd{padding:20px 20px 24px}
.xbd .n{color:var(--honey)}
.xbd h3{color:var(--deep);font-size:clamp(17px,1.4vw,20px);margin:8px 0}
.xbd p{font-size:14px;color:var(--muted)}
@media(max-width:1080px){.xsteps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.xsteps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scanlens{animation:none}}

/* montaje de purés y pouches */
.pp-stage{position:relative;aspect-ratio:1/0.84;border-radius:12px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 100%,#FFF4E0 0%,#FBF8F3 60%);border:1px solid var(--line-soft)}
.pp-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.85;animation:blob 14s ease-in-out infinite alternate}
.pp-blob.b1{width:46%;aspect-ratio:1;left:4%;top:10%;background:#F9D3E3}
.pp-blob.b2{width:40%;aspect-ratio:1;right:6%;top:4%;background:#D9EDC6;animation-duration:17s}
.pp-blob.b3{width:34%;aspect-ratio:1;left:36%;bottom:-6%;background:#FCE9B4;animation-duration:12s}
@keyframes blob{0%{transform:translate(0,0) scale(1);border-radius:50%}50%{border-radius:46% 54% 52% 48%}100%{transform:translate(4%,-5%) scale(1.06);border-radius:54% 46% 48% 52%}}
.pp{position:absolute;filter:drop-shadow(0 26px 26px rgba(31,41,96,.22));opacity:0;transition:opacity .9s var(--ease),translate 1.2s var(--ease);translate:0 60px}
.pp-stage.on .pp{opacity:1;translate:0 0}
.pp1{width:27%;left:8%;top:12%;rotate:-11deg;transition-delay:.05s}
.pp2{width:27%;right:8%;top:12%;rotate:10deg;transition-delay:.2s}
.pp3{width:31%;left:34.5%;top:4%;z-index:2;transition-delay:.35s}
.pp-stage.on .pp1{animation:ppf 6s ease-in-out 1.2s infinite}
.pp-stage.on .pp2{animation:ppf 7s ease-in-out 1.6s infinite reverse}
.pp-stage.on .pp3{animation:ppf 5.4s ease-in-out 2s infinite}
@keyframes ppf{0%,100%{transform:translate3d(var(--mx,0),calc(var(--my,0px) + 0px),0)}50%{transform:translate3d(var(--mx,0),calc(var(--my,0px) - 12px),0)}}
.pp-chip{position:absolute;z-index:3;background:#fff;color:var(--deep);border-radius:100px;padding:8px 14px;font-size:10.5px;box-shadow:0 14px 28px -16px rgba(31,41,96,.45);opacity:0;transition:opacity .8s var(--ease) .7s}
.pp-stage.on .pp-chip{opacity:1}
.pp-chip.c1{left:6%;bottom:9%}.pp-chip.c2{right:6%;bottom:9%}
@media(prefers-reduced-motion:reduce){.pp-blob,.pp-stage.on .pp{animation:none}}

/* bloque de presentación Lactonic & Lactolac (Products y Arabia Saudí) */
.lac-teaser{padding-top:0}
.lt-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3vw,50px);align-items:center;overflow:hidden;border-radius:12px;
  padding:clamp(28px,3.6vw,56px);color:#fff;background:radial-gradient(90% 120% at 80% 50%,#2A3480 0%,#141A45 70%);border:1px solid rgba(201,162,78,.45);transition:.6s var(--ease)}
.lt-card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(20,26,69,.6)}
.lt-pat{position:absolute;inset:0;width:100%;height:100%;opacity:.14;pointer-events:none}
.lt-copy{position:relative;z-index:2}
.lt-card .eyebrow{color:#E8C77A}.lt-card .eyebrow::before{background:#C9A24E}
.lt-card .h2{color:#fff;margin-top:14px}.lt-card .h2 sup{font-size:.35em;vertical-align:1em;color:#E8C77A}
.lt-ar{font-family:"Amiri",var(--display);font-weight:700;font-size:clamp(24px,2.6vw,38px);color:#E8C77A;margin:6px 0 10px}
.lt-txt{color:rgba(255,255,255,.78);max-width:46ch;margin-bottom:24px}.lt-txt strong{color:#fff}
.lt-card .btn.light{background:#C9A24E;color:#141A45}
.lt-tins{position:relative;z-index:2;aspect-ratio:1.25;max-width:440px;width:100%;justify-self:center}
.lt-tins img{position:absolute;bottom:0;filter:drop-shadow(0 22px 22px rgba(0,0,0,.45));transition:transform .9s var(--ease)}
.lt-tins .t1{width:42%;left:29%;z-index:2}.lt-tins .t2{width:34%;left:4%;bottom:6%;rotate:-7deg}.lt-tins .t3{width:34%;right:4%;bottom:6%;rotate:7deg}
.lt-card:hover .t2{transform:translateX(-6%)}.lt-card:hover .t3{transform:translateX(6%)}.lt-card:hover .t1{transform:translateY(-8px)}
@media(max-width:900px){.lt-card{grid-template-columns:1fr}}
.lac-logos.sm{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:16px 0 4px}
.lac-logos.sm img{width:min(220px,44%);height:auto}
.formats.solo{grid-template-columns:1fr}
.dos.one{grid-template-columns:1fr;max-width:760px}