/* NOVA · páginas internas (línea, marca, ficha) — mismo marco que la portada v3 (nv.css).
   Medidas tomadas de la referencia a 1440×900; el código y los textos son propios. */

/* ── piezas comunes ─────────────────────────────────────────────────────── */
.int-p{font:400 clamp(.82rem,.9vw,1rem)/1.7 var(--tenor);letter-spacing:.04em;color:rgba(255,255,255,.78)}
@media (min-width:1280px){.int-p{font-size:1.02rem}}
.int-cta{display:inline-flex;align-items:center;gap:.55em;padding:.75em 1.8em;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;
  background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:400 clamp(.65rem,.75vw,.82rem)/1.6 var(--tenor);
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .3s,border-color .3s}
.int-cta:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.9)}
.int-cta .flecha{top:0}
.int-cta--osc{color:var(--tinta);border-color:rgba(42,37,32,.35);background:rgba(255,255,255,.4)}
.int-cta--osc:hover{background:rgba(255,255,255,.65);border-color:rgba(42,37,32,.6)}
/* la regla que crece con el scroll entre el título y las columnas */
.regla{position:relative;--line-h:0%}
.regla::before{content:"";position:absolute;top:0;left:-40px;width:1px;height:var(--line-h);background:rgba(255,255,255,.35)}
.regla--osc::before{background:rgba(30,27,22,.35)}
/* acordeón con gota (mismo trazo que el panel de PRODUCTOS) */
.acc{list-style:none;margin:0;padding:0}
.acc__i{border-bottom:1px solid rgba(255,255,255,.15)}
.acc__i:last-child{border-bottom:0}
.acc__t{display:flex;align-items:center;gap:.8em;width:100%;padding:1em 0;text-align:left;font:400 clamp(.9rem,1.1vw,1.2rem)/1.3 var(--tenor);
  letter-spacing:.02em;color:#fff;transition:opacity .3s}
.acc__t:hover{opacity:.75}
.acc__n{flex:1}
.acc__mas{font:300 1.2rem/1 var(--jost);opacity:.5;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s}
.acc__i.on .acc__mas{transform:rotate(45deg);opacity:1}
.acc__b{height:0;overflow:hidden;padding-left:calc(9px + .8em)}
.acc__b p{font:400 clamp(.8rem,.9vw,.98rem)/1.6 var(--tenor);letter-spacing:.03em;color:rgba(255,255,255,.72);padding-bottom:1em}
.acc .gota{position:relative;width:9px;height:13px;flex-shrink:0}
.acc .gota svg{position:absolute;inset:0;width:9px;height:13px;overflow:visible}
.acc .gota .f{clip-path:inset(100% 0 0 0);transition:clip-path .5s cubic-bezier(.25,.46,.45,.94);opacity:.9}
.acc .gota .o{opacity:.7}
.acc__i:hover .gota .f,.acc__i.on .gota .f{clip-path:inset(0)}
.giant{font:400 clamp(8rem,35vw,40rem)/.85 var(--tenor);color:rgba(255,255,255,.1);white-space:nowrap;pointer-events:none;display:flex;width:100%}
.giant .ch{display:inline-block;will-change:transform,opacity}
.fondo-blur .toma>img{filter:blur(26px) saturate(.95);transform:scale(1.15)}

/* ══ LÍNEA VENOM ═══════════════════════════════════════════════════════════ */
/* héroe: cara a sangre, tarjeta vertical redondeada, nombre gigante */
.lh{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;z-index:15;background:#a88e78}
.lh__bg{position:absolute;inset:-6% 0;will-change:transform}
.lh__bg .toma>img{object-position:62% 30%}
.lh__ov{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.14) 30%,transparent 62%),linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 22%,transparent 72%,rgba(0,0,0,.32) 100%)}
.lh__card{position:absolute;left:3%;bottom:40%;width:clamp(147px,22vw,319px);aspect-ratio:3/4;border-radius:14px;overflow:hidden;z-index:3;
  box-shadow:0 18px 40px rgba(30,20,12,.18)}
.lh__panel{position:absolute;left:9.5rem;right:1.5rem;bottom:10%;z-index:4;display:flex;flex-direction:column;gap:clamp(.3rem,.6vw,.8rem);will-change:transform,opacity}
.lh__name{font:300 clamp(3.5rem,6vw,9rem)/1 var(--tenor);color:#fff;overflow:hidden;padding-bottom:.05em}
.lh__name .ch{display:inline-block}
.lh__tag{font:300 clamp(1rem,2.7vw,2.9rem)/1.2 var(--tenor);letter-spacing:.08em;color:#fff;white-space:nowrap;margin:-6px 0 0;text-indent:34px}
.lh__body{margin:4% 0 0 14%;max-width:34ch;font:400 clamp(.78rem,1vw,1.05rem)/1.75 var(--tenor);letter-spacing:.04em;color:rgba(255,255,255,.84)}

/* la promesa: persona a la izquierda, texto a la derecha, fondo cálido difuminado */
.lp{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;color:#fff;z-index:12;background:#b39577}
.lp__bg{position:absolute;inset:-10%;z-index:0;will-change:transform}
.lp__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(150,112,78,.38),rgba(196,160,118,.2) 60%,rgba(150,112,78,.3))}
.lp__in{position:relative;z-index:2;width:100%;padding:8rem 4rem;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.lp__img{position:relative;width:100%;max-width:660px;aspect-ratio:4/5;margin:6% 0;border-radius:28px;overflow:hidden;will-change:transform}
.lp__ct{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-left:-14%}
.lp__t{font:300 clamp(2rem,4vw,3.4rem)/1.15 var(--tenor);text-align:right}
.lp__t span{display:block}
.lp__txt{display:flex;flex-direction:column;gap:clamp(1rem,1.5vw,1.6rem)}
.lp__kits{list-style:none;margin:.4rem 0 0;padding:0}
.lp__kits li{border-top:1px solid rgba(255,255,255,.2)}
.lp__kits li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.lp__kits a{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75em 0;font:400 clamp(.72rem,.8vw,.9rem)/1.2 var(--tenor);
  letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88);transition:opacity .2s}
.lp__kits a:hover{opacity:.6}
.lp__kits b{font-weight:400;letter-spacing:.04em;text-transform:none;opacity:.75}

/* los activos (azul), con la palabra gigante debajo */
.li{position:relative;z-index:11;background:var(--azul-s3);color:#fff;padding:120px 0 0;overflow:hidden}
.li__in{padding:0 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.li__l{display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem);margin-top:4%}
.li__t{font:300 clamp(2rem,3vw,3.5rem)/1.15 var(--tenor)}
.li__img1{position:relative;width:100%;max-width:350px;aspect-ratio:5/3;margin-left:12%;border-radius:14px;overflow:hidden}
.li__copy{display:flex;flex-direction:column;gap:.8rem;max-width:330px;margin-left:24%}
.li__rt{display:flex;gap:clamp(2.4rem,5vw,3.9rem);align-items:flex-start;margin-top:14%}
.li__img2{position:relative;flex-shrink:0;width:clamp(130px,10vw,210px);aspect-ratio:3/4;margin-top:11rem;border-radius:14px;overflow:hidden}
.li__rc{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);max-width:470px}
.li__st{font:300 clamp(1.7rem,2.6vw,3rem)/1.2 var(--tenor)}
.li__giant{padding-left:3%;margin:3rem 0 -0.16em;position:relative;z-index:0;font-size:clamp(8rem,29vw,34rem)}

/* ══ MARCA ═════════════════════════════════════════════════════════════════ */
.mh{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#6f5b4c;color:#fff;z-index:2}
.mh__bg{position:absolute;inset:-4%;will-change:transform,filter}
.mh__bg .toma>img{filter:blur(7px);transform:scale(1.05);object-position:50% 30%}
.mh__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,18,12,.18),rgba(25,18,12,.1) 45%,rgba(25,18,12,.45))}
.mh__in{position:absolute;left:3%;right:3%;bottom:13%;z-index:2;will-change:transform,opacity}
.mh__t{font:300 clamp(2.4rem,3.9vw,4.2rem)/1.1 var(--tenor);letter-spacing:.01em;margin-bottom:clamp(1.4rem,2.4vw,2.4rem)}
.mh__t .oh{display:inline-block;vertical-align:top}
.mh__cols{display:grid;grid-template-columns:repeat(2,minmax(0,330px));gap:clamp(1.5rem,3vw,3rem)}
.mh__cols p{font:400 clamp(.8rem,.95vw,1.02rem)/1.75 var(--tenor);letter-spacing:.04em;color:rgba(255,255,255,.86)}

/* paisaje + tarjeta + la imagen que crece y cambia el fondo */
.mz{position:relative;height:340vh;z-index:3}
.mz__st{position:sticky;top:0;height:100vh;overflow:hidden;background:#cdbfae}
.mz__a,.mz__b{position:absolute;inset:0}
.mz__b{opacity:0}
.mz__a .toma>img{transform:scale(1.08)}
.mz__flot{position:absolute;left:4%;top:42%;width:clamp(130px,14vw,220px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;z-index:3}
.mz__card{position:absolute;right:5%;top:17%;width:clamp(240px,27vw,380px);z-index:4;background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:clamp(1.1rem,1.6vw,1.6rem);color:#1e1b16}
.mz__card h2{font:300 clamp(1.1rem,1.6vw,2rem)/1.2 var(--tenor);margin-bottom:clamp(.8rem,1.3vw,1.4rem)}
.mz__card p{font:400 clamp(.74rem,.82vw,.92rem)/1.75 var(--tenor);letter-spacing:.02em;color:rgba(30,27,22,.75)}
.mz__card p+p{margin-top:.9rem}
.mz__zoom{position:absolute;left:50%;top:50%;width:76px;height:50px;margin:-25px 0 0 -38px;border-radius:4px;overflow:hidden;z-index:5;will-change:width,height,margin}

/* capítulos: oliva, número fantasma, foto redonda a la derecha */
.mc{position:relative;height:420vh;z-index:4}
.mc__st{position:sticky;top:0;height:100vh;overflow:hidden;background:#7b6d55;color:#fff}
.mc__halo{position:absolute;right:-8vw;top:-10vh;width:62vw;height:120vh;border-radius:50%;background:rgba(255,255,255,.035)}
.mc__cap{position:absolute;left:2.5%;top:0;bottom:0;width:44%;display:flex;flex-direction:column;justify-content:center;padding-top:1rem}
.mc__lab{display:flex;align-items:center;gap:14px;font:500 .66rem/1 var(--jost);letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:2.2rem}
.mc__lab::before{content:"";width:26px;height:1px;background:rgba(255,255,255,.4)}
.mc__t{font:300 clamp(2.3rem,3.6vw,4.2rem)/1.42 var(--tenor);margin-bottom:2.4rem;max-width:12em}
.mc__p{max-width:30em;margin-left:2.4rem;font:400 clamp(.74rem,.82vw,.9rem)/1.75 var(--tenor);letter-spacing:.04em;color:rgba(255,255,255,.62)}
.mc__img{position:absolute;right:2.5%;top:50%;width:clamp(220px,26vw,380px);aspect-ratio:1;margin-top:calc(clamp(220px,26vw,380px) / -2 - 3vh);border-radius:22px;overflow:hidden}
.mc__img .toma{will-change:clip-path}
.mc__num{position:absolute;right:2.5%;bottom:3.5rem;font:300 clamp(4rem,9vw,8rem)/1 var(--tenor);color:rgba(255,255,255,.07);letter-spacing:.02em}
.mc__num span{position:absolute;right:0;bottom:0}
.mc__wipe{position:absolute;top:-15%;bottom:-15%;left:0;width:46vw;z-index:20;background:#c4b5a5;transform:translateX(120vw) skewX(-14deg);pointer-events:none}

/* filosofía: dos caras en una sola foto ancha, título a la derecha y dos columnas */
.mf{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;z-index:5;background:#c2ad93}
.mf__bg{position:absolute;inset:-10%;z-index:0}
.mf__bg::after{content:"";position:absolute;inset:0;background:rgba(150,118,86,.28)}
.mf__in{position:relative;z-index:2;padding:7rem 4rem 5rem}
.mf__img{display:flex;width:100%;max-width:1360px;aspect-ratio:2.6/1;margin:0 auto 4rem;border-radius:14px;overflow:hidden}
.mf__img>div{position:relative;flex:1}
.mf__bot{display:grid;grid-template-columns:auto 1fr;gap:4rem;max-width:1050px;margin-left:6%}
.mf__t{font:300 clamp(2rem,4vw,3.2rem)/1.15 var(--tenor);text-align:right;margin-right:17px}
.mf__cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.mf__cols h3{font:400 clamp(.9rem,1.1vw,1.3rem)/1.3 var(--tenor);letter-spacing:.03em;margin-bottom:.6rem}
.mf__cols p{font:400 clamp(.78rem,.86vw,.95rem)/1.6 var(--tenor);letter-spacing:.03em;color:rgba(255,255,255,.8)}

/* ══ FICHA DE PRODUCTO ═════════════════════════════════════════════════════ */
.pg{--pv:#b39c9e;--pv2:#c7b2b0}
.pg .prog{bottom:150px}
/* el kit que flota y gira a lo largo de la página */
.pf{position:fixed;left:0;top:0;width:clamp(230px,22vw,330px);z-index:30;pointer-events:none;will-change:transform;opacity:0}
.pf img{width:100%;height:auto;filter:drop-shadow(0 30px 34px rgba(40,30,30,.3))}
.pf__m{display:none}
/* barra de compra fija */
.pb{position:fixed;left:50%;bottom:2.2rem;z-index:9600;width:min(760px,calc(100vw - 2rem));transform:translate(-50%,0);
  background:rgba(120,96,86,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);
  border-radius:12px;padding:12px 14px 8px 18px;color:#fff;transition:opacity .45s,transform .45s}
.pb.fuera{opacity:0;transform:translate(-50%,24px);pointer-events:none}
.pb__r{display:flex;align-items:center;gap:14px}
.pb__id{flex:1;min-width:0}
.pb__lab{display:block;font:500 .55rem/1 var(--jost);letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:5px}
.pb__nom{display:block;font:400 .82rem/1.2 var(--tenor);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb__q{display:flex;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:999px;height:34px}
.pb__q button{width:30px;height:32px;font:300 1rem/1 var(--jost)}
.pb__q span{min-width:18px;text-align:center;font:400 .85rem/1 var(--tenor)}
.pb__precio{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;white-space:nowrap}
.pb__precio b{font:400 1.05rem/1.1 var(--tenor);letter-spacing:.03em}
.pb__precio s{font:400 .72rem/1.1 var(--tenor);opacity:.6}
.pb__add{height:38px;padding:0 20px;border-radius:999px;background:#f3ece4;color:#2a2520;font:500 .64rem/1 var(--jost);letter-spacing:.16em;text-transform:uppercase;
  white-space:nowrap;transition:background .3s,transform .3s}
.pb__add:hover{background:#fff;transform:scale(1.03)}
.pb__ya{height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.55);font:500 .64rem/1 var(--jost);letter-spacing:.16em;
  text-transform:uppercase;white-space:nowrap;transition:background .3s}
.pb__ya:hover{background:rgba(255,255,255,.14)}
.pb__ya[disabled]{opacity:.6}
.pb__nota{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:center;gap:.4em 1.2em;flex-wrap:wrap;
  font:400 .62rem/1.4 var(--tenor);letter-spacing:.06em;color:rgba(255,255,255,.72)}
.pb__nota a{text-decoration:underline;text-underline-offset:2px}
.pb.oscuro{background:rgba(255,255,255,.55);color:var(--tinta);border-color:rgba(42,37,32,.12)}
.pb.oscuro .pb__q{border-color:rgba(42,37,32,.25)}
.pb.oscuro .pb__add{background:#2a2520;color:#f3ece4}
.pb.oscuro .pb__ya{border-color:rgba(42,37,32,.45)}
.pb.oscuro .pb__nota{color:rgba(42,37,32,.7);border-color:rgba(42,37,32,.12)}
/* agotado: sin carrito ni pago; se aparta por WhatsApp */
.pb__ago{font:500 .6rem/1.3 var(--jost);letter-spacing:.18em;text-transform:uppercase;opacity:.8;white-space:nowrap}
a.pb__add{display:inline-flex;align-items:center}

/* héroe */
.ph{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#5d4a48;z-index:2}
.ph__bg{position:absolute;inset:0;will-change:filter,transform}
.ph__bg .toma>img{object-position:50% 40%}
.ph__ov{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 40%),linear-gradient(90deg,rgba(40,20,20,.28),transparent 55%)}
.ph__ct{position:absolute;top:51%;left:4%;transform:translateY(-50%);z-index:5;padding:0 2rem;color:#fff}
.ph__lab{display:block;font:500 .7rem/1 var(--jost);letter-spacing:.3em;text-transform:uppercase;opacity:.75;margin-bottom:1.2rem}
.ph__t{font:300 clamp(2.6rem,5vw,4.6rem)/1.1 var(--tenor);margin:0 0 .4em}
@media (min-width:761px){.ph__t{max-width:46vw}}   /* nombres largos («Sérum α-Arbutina + Ác. Tranexámico») se parten antes de llegar al kit que flota */
.ph__sub{font:300 clamp(.95rem,1.8vw,1.7rem)/1.3 var(--tenor);letter-spacing:.02em;color:rgba(255,255,255,.8);margin:-.2em 0 0 50px}
.ph__precio{margin:1.6rem 0 0 50px;font:400 1rem/1.4 var(--tenor);letter-spacing:.05em;color:rgba(255,255,255,.9)}
.ph__precio s{opacity:.6;margin-left:.5em;font-size:.85em}
.ph__precio small{display:block;font-size:.72rem;letter-spacing:.08em;opacity:.75;margin-top:.2rem}

/* lo que trae */
.pi{position:relative;z-index:3;background:var(--pv);color:#fff;padding:140px 4rem 6rem;margin-top:-2px}
.pi__top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.pi__t{font:300 clamp(1.8rem,3.2vw,3rem)/1.2 var(--tenor);margin-bottom:2rem}
.pi__imgs{position:relative;width:100%;max-width:440px;aspect-ratio:4/3;margin-top:50px;margin-left:5%}
.pi__img1{position:absolute;inset:0;border-radius:12px;overflow:hidden}
.pi__img2{position:absolute;bottom:-16%;left:76%;width:clamp(120px,11vw,160px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;z-index:2}
.pi__r{padding-top:7rem}
.pi__r .acc{margin:0 14% 0 16%}
.pi__mid{display:flex;align-items:flex-start;gap:4rem;margin-top:8rem}
.pi__copy{flex:1;display:flex;align-items:flex-start;margin-left:5%}
.pi__h{font:300 clamp(1.4rem,2.4vw,2.1rem)/1.3 var(--tenor);margin-right:40px;flex:0 0 auto;max-width:9em}
.pi__cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-left:40px;max-width:620px}
.pi__cols p{font:400 clamp(.78rem,.88vw,.96rem)/1.6 var(--tenor);letter-spacing:.03em;color:rgba(255,255,255,.85)}
.pi__cols p+p{margin-top:.8rem}
.pi__pers{position:relative;flex-shrink:0;width:clamp(180px,17vw,260px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;margin-right:6%}

/* cómo se usa: recorrido horizontal */
.pu{position:relative;z-index:4;height:300vh}
.pu__st{position:sticky;top:0;height:100vh;overflow:hidden;background:#ece6dd}
.pu__bg{position:absolute;inset:0}
.pu__bg::after{content:"";position:absolute;inset:0;background:rgba(245,240,233,.25)}
.pu__track{position:relative;z-index:2;display:flex;height:100%;width:200vw;will-change:transform}
.pu__panel{position:relative;width:100vw;height:100%;flex-shrink:0;color:#1e1b16}
.pu__c1{position:absolute;left:10%;right:6%;bottom:31%;display:flex;align-items:flex-start;gap:clamp(3rem,5vw,5rem)}
.pu__h{font:300 clamp(2rem,4vw,3.4rem)/1.2 var(--tenor);text-align:right;flex-shrink:0;position:relative;top:-90px}
.pu__blk{max-width:340px}
.pu__blk::before{background:rgba(30,27,22,.3)}
.pu__lab{font:400 clamp(.86rem,1.1vw,1.1rem)/1.3 var(--tenor);letter-spacing:.06em;margin-bottom:.8em;font-weight:400}
.pu__lab b{font-weight:400;display:inline-block;margin-right:.6em;opacity:.45}
.pu__blk p{font:400 clamp(.8rem,.9vw,1rem)/1.55 var(--tenor);color:rgba(30,27,22,.82)}
.pu__puente{position:absolute;top:30%;right:0;transform:translate(50%,-50%);width:30vw;aspect-ratio:16/9;border-radius:12px;overflow:hidden;z-index:6}
.pu__c2{position:absolute;left:6%;top:0;bottom:0;width:38%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-top:5rem}
.pu__c2 ul{list-style:none;margin:0;padding:0;max-width:420px}
.pu__c2 li{font:400 clamp(.8rem,.9vw,1rem)/1.5 var(--tenor);color:rgba(30,27,22,.82);padding:.55em 0;border-bottom:1px solid rgba(30,27,22,.12)}
.pu__mujer{position:absolute;top:0;right:0;width:46%;height:100%}

/* envío y pago */
.pt{position:relative;z-index:5;min-height:100vh;color:#fff;padding:7rem 4rem 6rem;
  background:radial-gradient(ellipse at 30% 50%,rgba(200,185,160,.35) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(180,165,140,.2) 0%,transparent 50%),#c8bba5;
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.pt__foto{position:relative;width:100%;max-width:560px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;margin-left:4rem}
.pt__ct{display:flex;align-items:flex-start;gap:clamp(2rem,5vw,5rem);margin-top:30%}
.pt__t{font:300 clamp(2rem,4vw,3.3rem)/1.15 var(--tenor);text-align:right;white-space:nowrap}
.pt__cols{display:flex;flex-direction:column;gap:1.4rem;max-width:300px}
.pt__cols p{font:400 clamp(.8rem,.9vw,1rem)/1.5 var(--tenor);color:rgba(255,255,255,.9)}
.pt__cols b{display:block;font-weight:400;font-size:1.05em;margin-bottom:.25rem;color:#fff}

/* por qué */
.pq{position:relative;z-index:6;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;background:#c2ad93}
.pq__bg{position:absolute;inset:-10%}
.pq__bg::after{content:"";position:absolute;inset:0;background:rgba(150,118,86,.25)}
.pq__in{position:relative;z-index:2;padding:7rem 4rem 5rem}
.pq__img{position:relative;width:100%;max-width:1360px;aspect-ratio:2.6/1;margin:0 auto 3.4rem;border-radius:14px;overflow:hidden}
.pq__bot{display:grid;grid-template-columns:auto 1fr;gap:4rem;max-width:1050px;margin-left:5%}
.pq__t{font:300 clamp(2rem,4vw,3.2rem)/1.15 var(--tenor);text-align:right;margin-right:17px}
.pq__cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.pq__cols p{font:400 clamp(.8rem,.9vw,1rem)/1.5 var(--tenor);color:rgba(255,255,255,.85)}

/* la línea completa con la palabra gigante detrás */
.pr{position:relative;z-index:7;background:#c8bba5;overflow:hidden;padding:8rem 4rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.pr__img{position:relative;z-index:2;width:100%;max-width:1400px;aspect-ratio:2.1/1;margin:0 auto;border-radius:14px;overflow:hidden}
.pr__cta{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);z-index:3}
.pr__giant{position:relative;z-index:1;text-align:center;justify-content:center;color:#ded2bc;line-height:.75;margin-top:-.32em;font-size:clamp(6rem,26vw,27rem)}

/* el círculo */
.pc{position:relative;z-index:8;background:#ded2bc;display:flex;align-items:center;justify-content:center;padding:200px 20px 220px;overflow:hidden;color:var(--tinta)}
.pc__svg{width:min(760px,88vw);height:auto;overflow:visible}
.pc__svg path{fill:none}
.pc__txt{font-family:var(--tenor);font-size:28px;fill:#1e1b16;letter-spacing:.12em;text-transform:uppercase}
.pc__m{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);text-align:center;width:min(300px,60vw)}
.pc__m img{display:none;width:100%;margin:0 auto 1rem}
.pc__compra p{font:400 1.05rem/1.3 var(--tenor);letter-spacing:.04em}
.pc__compra s{opacity:.55;font-size:.85em;margin-left:.4em}
.pc__compra small{display:block;font:400 .7rem/1.4 var(--tenor);letter-spacing:.06em;opacity:.65;margin:.3rem 0 1rem}

/* ══ Teléfono ══════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .int-p{font-size:15px;line-height:1.75}
  /* línea */
  .lh__card{left:6%;top:120px;bottom:auto;width:38vw}
  .lh__panel{left:6%;right:6%;bottom:6%}
  .lh__name{font-size:clamp(3.6rem,19vw,5.4rem)}
  .lh__tag{font-size:clamp(1.05rem,5.4vw,1.5rem);white-space:normal;text-indent:0;letter-spacing:.06em}
  .lh__body{margin:1rem 0 0;font-size:14px;max-width:none}
  .lh__bg .toma>img{object-position:68% 30%}
  .lp__in{grid-template-columns:1fr;padding:6rem 1.4rem 4rem;gap:2rem}
  .lp__img{max-width:none;margin:0}
  .lp__ct{grid-template-columns:1fr;gap:1.6rem;margin-left:0}
  .lp__t{text-align:left}
  .lp__t span{display:inline}
  .regla::before{display:none}
  .li{padding-top:80px}
  .li__in{grid-template-columns:1fr;padding:0 1.4rem;gap:3rem}
  .li__img1{margin-left:0;max-width:none}
  .li__copy{margin-left:0;max-width:none}
  .li__rt{flex-direction:column-reverse;gap:1.6rem;margin-top:0}
  .li__img2{margin-top:0;width:46vw}
  .li__rc{max-width:none}
  .li__giant{font-size:clamp(5rem,30vw,12rem);margin-top:2rem}
  /* marca */
  .mh__in{left:1.4rem;right:1.4rem;bottom:7%}
  .mh__cols{grid-template-columns:1fr;gap:1rem}
  .mh__cols p{font-size:14px}
  .mz{height:auto}
  .mz__st{position:relative;height:auto;min-height:100svh;padding:7rem 1.4rem 3rem;display:flex;flex-direction:column;gap:1.4rem;justify-content:flex-end}
  .mz__b,.mz__zoom{display:none}
  .mz__flot{position:relative;left:auto;top:auto;width:42vw}
  .mz__card{position:relative;right:auto;top:auto;width:auto}
  .mz__card p{font-size:14px}
  .mc{height:auto}
  .mc__st{position:relative;height:auto;padding:6rem 1.4rem 4rem}
  .mc__halo,.mc__num,.mc__wipe{display:none}
  .mc__cap{position:relative;left:auto;width:auto;padding:0 0 1.6rem;display:block}
  .mc__cap+.mc__cap{border-top:1px solid rgba(255,255,255,.15);padding-top:2.6rem}
  .mc__lab{margin-bottom:1.2rem}
  .mc__t{font-size:2rem;line-height:1.25;margin-bottom:1rem}
  .mc__p{margin-left:0;font-size:14px}
  .mc__img{position:relative;right:auto;top:auto;width:100%;margin:1.4rem 0 0}
  .mc__img .toma{opacity:1!important;clip-path:none!important}
  .mf__in,.pq__in{padding:6rem 1.4rem 4rem}
  .mf__img{flex-direction:column;aspect-ratio:auto;height:110vw;margin-bottom:2.4rem}
  .mf__bot,.pq__bot{grid-template-columns:1fr;gap:1.6rem;margin-left:0}
  .mf__t,.pq__t{text-align:left;margin-right:0}
  .mf__cols,.pq__cols{grid-template-columns:1fr;gap:1.2rem}
  .mf__cols p,.pq__cols p{font-size:14px}
  /* ficha */
  .pf{display:none}
  .pf__m{display:block;position:absolute;right:-2vw;top:max(96px,13vh);width:54vw;z-index:4;filter:drop-shadow(0 22px 24px rgba(40,30,30,.3))}
  .ph__ct{top:auto;bottom:calc(150px + 4vh);transform:none;left:0;padding:0 1.4rem}
  .ph__sub,.ph__precio{margin-left:0}
  .ph__t{font-size:clamp(2.6rem,13vw,3.6rem)}
  .ph__sub{font-size:1.05rem;max-width:12em}
  .pb{bottom:10px;width:calc(100vw - 20px);padding:10px 10px 6px 12px}
  .pb__q,.pb__id{display:none}
  .pb__precio{margin-right:auto;align-items:flex-start}
  .pb__r{gap:8px}
  .pb__nom{font-size:.78rem}
  .pb__precio b{font-size:.95rem}
  .pb__add{padding:0 12px;font-size:.56rem;letter-spacing:.12em;height:36px}
  .pb__ya{padding:0 10px;font-size:.56rem;letter-spacing:.1em;height:36px}
  .pb__nota{font-size:.58rem;gap:.2em .8em}
  .pg .pill{bottom:122px}
  .pi{padding:90px 1.4rem 4rem}
  .pi__top{grid-template-columns:1fr;gap:3rem}
  .pi__imgs{margin-left:0;max-width:78vw}
  .pi__r{padding-top:1rem}
  .pi__r .acc{margin-right:0}
  .pi__mid{flex-direction:column;gap:2.4rem;margin-top:4rem}
  .pi__copy{flex-direction:column;margin-left:0;gap:1.4rem}
  .pi__cols{grid-template-columns:1fr;padding-left:0;gap:1rem}
  .pi__pers{width:60vw;margin:0}
  .pu{height:auto}
  .pu__st{position:relative;height:auto}
  .pu__track{flex-direction:column;width:100%;transform:none!important}
  .pu__panel{width:100%;height:auto;padding:5rem 1.4rem 3rem}
  .pu__c1,.pu__c2{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:auto;flex-direction:column;gap:1.6rem;align-items:flex-start;text-align:left;padding:0}
  .pu__h{text-align:left;top:0}
  .pu__puente{position:relative;transform:none;width:100%;top:auto;margin-top:2rem}
  .pu__mujer{position:relative;width:100%;height:110vw;margin-top:2rem;border-radius:14px;overflow:hidden}
  .pu__panel--2{display:flex;flex-direction:column}
  .pt{grid-template-columns:1fr;padding:5rem 1.4rem 4rem;min-height:0;gap:2rem}
  .pt__foto{margin-left:0;max-width:none}
  .pt__ct{flex-direction:column;margin-top:0;gap:1.4rem}
  .pt__t{text-align:left;white-space:normal}
  .pt__cols{max-width:none}
  .pq__img{aspect-ratio:4/3}
  .pr{padding:5rem 1.4rem 0;min-height:0}
  .pr__img{aspect-ratio:4/3}
  .pc{padding:120px 12px 160px}
  .pc__m img{display:block;width:52vw}
  .pc__m{top:50%;bottom:auto;transform:translate(-50%,-50%)}
  .pc__txt{font-size:30px}
}

/* ══ 18-oct · Fichas de kit: «para qué es» en el héroe, pieza por pieza arriba del acordeón ══ */
.ph__pq{display:block;font:500 .6rem/1 var(--jost);letter-spacing:.26em;text-transform:uppercase;opacity:.75;margin-bottom:.55rem}
.kd--ficha{margin:0 14% 2.6rem 16%;max-width:none}
.kd--ficha .kd__l a{font-size:.88rem;padding:.6em 0}
.kd--ficha .kd__t{font-size:.95rem}
.acc__ir{display:inline-block;margin-top:.5em;color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:.9}
.acc__ir:hover{opacity:.6}
@media (max-width:760px){.kd--ficha{margin:0 0 2rem 16%}}

/* ══ 18-oct · Línea Venom: «¿Cuál es para ti?» ══ */
.lg{position:relative;z-index:11;background:var(--pie);color:var(--tinta);padding:130px 4rem 150px}
.lg__in{max-width:1320px;margin:0 auto}
.lg__top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:3.5rem}
.lg__t{font:300 clamp(2.4rem,4.4vw,4.4rem)/1.05 var(--tenor)}
.lg .int-p{color:rgba(42,37,32,.72);max-width:28em}
.lg__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.lg__c{display:flex;flex-direction:column;padding:1.5rem 1.35rem 1.45rem;border-radius:20px;background:rgba(255,255,255,.5);border:1px solid rgba(42,37,32,.1)}
.lg__n{font:500 .62rem/1 var(--jost);letter-spacing:.24em;color:rgba(42,37,32,.55);margin-bottom:.9rem}
.lg__q{font:400 clamp(1.02rem,1.25vw,1.25rem)/1.32 var(--tenor);min-height:3.96em}
.lg__kit{display:flex;align-items:center;justify-content:center;height:180px;margin:1.1rem 0 1rem;border-radius:14px;overflow:hidden}
.lg__kit img{max-height:82%;max-width:78%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.lg__c:hover .lg__kit img{transform:translateY(-5px) scale(1.03)}
.lg__nom{font:400 1.22rem/1.2 var(--tenor);display:flex;justify-content:space-between;align-items:baseline;gap:.2em .6em;flex-wrap:wrap}
.lg__nom span{font-size:.92rem;white-space:nowrap}
.lg__nom s{color:rgba(42,37,32,.5);font-size:.85em;margin-left:.25em}
.lg__para{font:400 .9rem/1.5 var(--jost);color:rgba(42,37,32,.74);margin:.45rem 0 1.2rem;flex:1}
.lg__ir{align-self:flex-start;display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.35em;border-radius:999px;background:var(--tinta);color:#f3ece4;
  font:500 .64rem/1 var(--jost);letter-spacing:.18em;text-transform:uppercase;transition:opacity .3s}
.lg__ir:hover{opacity:.82}
.lg__ir .flecha{top:0}
.lg__alt{margin-top:.85rem;font:400 .8rem/1.4 var(--jost);color:rgba(42,37,32,.72);text-decoration:underline;text-underline-offset:3px}
.lg__alt:hover{color:var(--tinta)}
@media (max-width:1180px){.lg__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .lg{padding:80px 1.2rem 90px}
  .lg__top{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}
  .lg__grid{grid-template-columns:1fr;gap:.9rem}
  .lg__c{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:1rem;padding:1.15rem}
  .lg__n,.lg__q{grid-column:1/-1}
  .lg__n{margin-bottom:.5rem}
  .lg__q{min-height:0;margin-bottom:.9rem}
  .lg__kit{grid-column:1;grid-row:3/span 4;height:128px;margin:0;align-self:start}
  .lg__nom,.lg__para,.lg__ir,.lg__alt{grid-column:2}
  .lg__nom{font-size:1.08rem}
  .lg__para{font-size:.84rem;margin:.3rem 0 .8rem}
  .lg__ir{padding:.85em 1.1em}
}

/* ══ 18-oct · Fichas: «Péptidos que contiene» ══ */
.pep{max-width:30em;margin-top:1.4rem;padding:.9rem 0 .2rem;border-top:1px solid rgba(255,255,255,.25);
  font:400 clamp(.86rem,.95vw,1rem)/1.6 var(--tenor);letter-spacing:.03em;color:#fff}
.pep__h{display:block;font:500 .6rem/1 var(--jost);letter-spacing:.26em;text-transform:uppercase;opacity:.72;margin-bottom:.55rem}
.pep__en{opacity:.65;font-size:.9em}

/* 18-oct · con el carrito abierto, la barra de compra (z 9600) tapaba el pie del panel (z 9200): el botón de pagar y, en inglés, el envío a EE.UU. */
body:has(.nova-cart-panel.abierto) .pb{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* 18-oct · el kit completo encima de la foto de la modelo cuando ella sostiene una sola pieza (armar-internas.py, MODELO_UNA_PIEZA) */
.pu__kitin{position:absolute;left:5%;top:17%;z-index:3;width:36%;margin:0;padding:12px 12px 9px;border-radius:16px;pointer-events:none;
  background:rgba(250,246,240,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(30,20,14,.18)}
.pu__kitin img{display:block;width:100%;height:auto}
.pu__kitin figcaption{font:500 .56rem/1.2 var(--jost);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:#2a2520;margin-top:7px}
@media (max-width:760px){.pu__kitin{width:48%;left:4%;top:auto;bottom:4%;padding:9px 9px 7px}}