/* ══════════════════════════════════════════════════════════
   FACUNDO MAGALLANES · v4 minimalista (23 oct 2026)
   Una sola letra (Inter variable, autoalojada), mucho aire, el verde solo de acento.
   La v3 (cartel, cajas y rejillas) está en ../_version-v3/.
   ══════════════════════════════════════════════════════════ */

@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fuentes/inter-400.woff2') format('woff2')}
/* respaldo con las medidas de Inter: al cambiar de letra no se mueve nada */
@font-face{font-family:'Inter respaldo';src:local('Arial');size-adjust:107.4%;ascent-override:90.2%;
  descent-override:22.48%;line-gap-override:0%}

:root{
  --fondo:#0C0F12;
  --fondo-2:#12161A;
  --fondo-3:#181D22;
  --tinta:#F2F4F3;
  --texto:#A9B2B8;
  --texto-2:#6E7980;
  --linea:rgba(255,255,255,.08);
  --verde:#29D07A;
  --verde-2:#45E192;
  --verde-t:rgba(41,208,122,.1);
  --sans:'Inter','Inter respaldo',system-ui,-apple-system,sans-serif;
  --suave:cubic-bezier(.2,.7,.1,1);
  --muelle:cubic-bezier(.3,1.5,.5,1);
  --max:1200px;
  --radio:26px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:only dark;background:var(--fondo);overflow-x:clip}
body{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.65;color:var(--texto);
  background:var(--fondo);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-feature-settings:"cv11","ss03"}
img{max-width:100%;display:block}
a{color:var(--verde);text-decoration:none;transition:color .3s}
a:hover{color:var(--verde-2)}
::selection{background:var(--verde);color:#07130C}
:focus-visible{outline:2px solid var(--verde);outline-offset:4px;border-radius:6px}
[id]{scroll-margin-top:96px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}

/* ── tipografía ── */
h1,h2,h3,h4{color:var(--tinta);font-weight:600;letter-spacing:-.035em;line-height:1.04}
h1{font-size:clamp(2.6rem,6.4vw,5.8rem);letter-spacing:-.048em;line-height:.98}
h2{font-size:clamp(2rem,4.3vw,3.6rem);letter-spacing:-.042em}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem);letter-spacing:-.022em;line-height:1.22}
.verde{color:var(--verde)}
.eyebrow{display:inline-flex;align-items:center;gap:.65em;font-size:.82rem;font-weight:500;letter-spacing:0;
  color:var(--texto-2);margin-bottom:24px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--verde);flex:none}
.lead{font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.6;color:var(--texto);max-width:52ch}
strong{color:var(--tinta);font-weight:600}

/* titulares que entran palabra a palabra (las palabras se separan al montar la página) */
.pal{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .1em;margin:-.12em -.02em -.1em}
.js .partido .pal>span{display:inline-block;transform:translateY(108%);
  transition:transform 1s var(--suave) calc(var(--i,0) * 38ms)}
.js .partido.in .pal>span{transform:none}

/* ── botones ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;padding:15px 26px;border-radius:999px;
  border:1px solid transparent;font:500 .95rem/1.1 var(--sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;
  transition:background .3s,border-color .3s,color .3s,transform .4s var(--suave)}
.btn:hover{transform:translateY(-2px)}
.btn--g{padding:18px 30px;font-size:1rem}
.btn--v{background:var(--verde);color:#07130C}
.btn--v:hover{background:var(--verde-2);color:#07130C}
.btn--v::after{content:"→";transition:transform .4s var(--suave)}
.btn--v:hover::after{transform:translateX(4px)}
.btn--l{color:var(--tinta);border-color:rgba(255,255,255,.16)}
.btn--l:hover{color:var(--tinta);border-color:rgba(255,255,255,.5)}
.btn--free{color:var(--verde);border-color:rgba(41,208,122,.4);gap:.55em}
.btn--free:hover{color:var(--verde-2);border-color:var(--verde)}
.btn--free em{font-style:normal;font-size:.8rem;color:var(--texto-2)}
.btn--free em::before{content:"· ";color:var(--texto-2)}

/* ── cabecera ── */
header{position:fixed;inset:0 0 auto 0;z-index:900;padding:22px 0;transition:background .4s,padding .4s,border-color .4s;
  border-bottom:1px solid transparent}
header.on{background:rgba(12,15,18,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:14px 0;border-color:var(--linea)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:flex;flex-direction:column;line-height:1.1;color:var(--tinta)}
.marca:hover{color:var(--tinta)}
.marca b{font-weight:600;font-size:1.02rem;letter-spacing:-.025em}
.marca span{font-size:.74rem;color:var(--texto-2);margin-top:3px}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:.9rem;font-weight:450;color:var(--texto);position:relative;padding:4px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);
  transform-origin:right;transition:transform .45s var(--suave)}
.nav a:hover{color:var(--tinta)}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.nav a.act{color:var(--tinta)}
.nav a.act::after{transform:scaleX(1);background:var(--verde)}
.nav a.gratis{color:var(--verde)}
.ham{display:none;background:none;border:0;cursor:pointer;padding:10px 4px;color:var(--tinta)}
.ham span{display:block;width:22px;height:1.5px;background:currentColor;margin:5px 0;border-radius:2px;transition:transform .4s var(--suave),opacity .3s}
.ham span:nth-child(2){width:14px;margin-left:auto}
.ham span:nth-child(3){display:none}

/* ── secciones ── */
.sec{padding:clamp(96px,15vh,180px) 0}
.sec--2{background:transparent}
.sec-head{max-width:780px;margin-bottom:clamp(48px,8vh,90px)}
.sec-head.c{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.c .eyebrow{justify-content:center}
.sec-head p:not(.eyebrow){margin-top:22px;color:var(--texto);max-width:52ch;font-size:1.05rem}
.sec-head.c p:not(.eyebrow){margin-left:auto;margin-right:auto}
.sec-head--fila{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.sec-head--fila>p{max-width:34ch;margin:0!important}
.sec-head h1{font-size:clamp(2.4rem,5.4vw,4.6rem)}

/* ── héroe ── */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:150px 0 clamp(60px,10vh,110px);overflow:hidden}
.hero::before{content:"";position:absolute;z-index:0;width:min(90vmax,1100px);aspect-ratio:1;right:-28vmax;top:-34vmax;border-radius:50%;
  background:radial-gradient(closest-side,rgba(41,208,122,.17),rgba(41,208,122,.05) 55%,transparent);
  animation:flota 22s ease-in-out infinite alternate;pointer-events:none}
@keyframes flota{to{transform:translate(-9vmax,7vmax) scale(1.08)}}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.55}
.hero__bg:has(img)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,15,18,.3),var(--fondo) 92%)}
.hero .wrap{position:relative;z-index:1;width:100%}
.hero__txt{max-width:1000px;will-change:transform,opacity}
.hero h1{font-size:clamp(3rem,8.2vw,7.2rem);letter-spacing:-.055em;line-height:.96;margin-bottom:34px}
.hero h1 em{font-style:normal;color:var(--verde);display:block}
.hero .lead{max-width:48ch}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.hero__datos{display:flex;gap:clamp(30px,5vw,70px);flex-wrap:wrap;margin-top:clamp(56px,9vh,96px)}
.dato b{display:block;font-weight:600;font-size:clamp(1.9rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1;color:var(--tinta);
  font-variant-numeric:tabular-nums}
.dato span{display:block;font-size:.84rem;color:var(--texto-2);margin-top:8px}

/* ── cinta: frases que ruedan con el scroll ── */
.cinta{overflow:hidden;padding:clamp(30px,5vh,52px) 0;border-block:1px solid var(--linea)}
.cinta__pista{display:flex;width:max-content;will-change:transform}
.cinta__pista span{font-weight:600;font-size:clamp(1.8rem,4.4vw,3.6rem);letter-spacing:-.045em;line-height:1.1;color:var(--tinta);
  white-space:nowrap;padding-inline:.5em}
.cinta__pista span::after{content:"";display:inline-block;width:.22em;height:.22em;border-radius:50%;background:var(--verde);
  margin-left:1em;vertical-align:.2em}
.cinta__pista span:nth-child(even){color:var(--texto-2)}

/* ── tres cosas que no son culpa tuya ── */
.creencias{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,64px)}
.creencia__n{display:block;font-size:.82rem;font-weight:500;color:var(--verde);margin-bottom:22px;font-variant-numeric:tabular-nums}
.creencia h3{margin-bottom:14px}
.creencia p{font-size:.98rem}
.testi{margin-top:clamp(70px,10vh,120px);max-width:820px}
.testi p{font-size:clamp(1.3rem,2.3vw,2rem);font-weight:450;letter-spacing:-.028em;line-height:1.34;color:var(--tinta)}
.testi cite{display:flex;align-items:center;gap:.65em;margin-top:22px;font-style:normal;font-size:.88rem;color:var(--texto-2)}
.testi cite::before{content:"";width:26px;height:1px;background:var(--verde)}

/* ── los planes: un índice, una fila por plan ── */
.planes{border-top:1px solid var(--linea)}
.plan-c{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto 56px;align-items:center;gap:clamp(16px,3vw,40px);
  padding:clamp(28px,4vh,44px) 0;border-bottom:1px solid var(--linea);color:inherit;isolation:isolate}
.plan-c::before{content:"";position:absolute;inset:0 -28px;z-index:-1;background:var(--fondo-2);border-radius:var(--radio);
  opacity:0;transform:scale(.98);transition:opacity .5s var(--suave),transform .6s var(--suave)}
.plan-c:hover{color:inherit}
.plan-c:hover::before{opacity:1;transform:none}
.plan-c__n{font-size:.84rem;font-weight:500;color:var(--texto-2);font-variant-numeric:tabular-nums}
.plan-c__nombre{display:block;transition:transform .6s var(--suave)}
.plan-c:hover .plan-c__nombre{transform:translateX(10px)}
.plan-c h2,.plan-c h3{font-size:clamp(1.6rem,3.3vw,2.8rem);letter-spacing:-.045em;line-height:1.02}
.plan-c__lema{display:block;margin-top:10px;color:var(--texto);font-size:.98rem}
.plan-c__para{display:block;margin-top:6px;color:var(--texto-2);font-size:.9rem;max-width:58ch}
.plan-c__precio{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.1}
.plan-c__precio small{font-size:.78rem;color:var(--texto-2);margin-bottom:6px}
.plan-c__precio b{font-weight:600;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.04em;color:var(--tinta)}
.plan-c__precio em{font-style:normal;font-size:.8rem;color:var(--texto-2);margin-top:6px}
.plan-c__flecha{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;
  color:var(--tinta);font-size:1.1rem;transition:background .4s,border-color .4s,color .4s,transform .6s var(--suave)}
.plan-c:hover .plan-c__flecha{background:var(--verde);border-color:var(--verde);color:#07130C;transform:rotate(-45deg)}

/* ── resultados: cifras que cuentan ── */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,48px)}
.cifras>div::before{content:"";display:block;width:28px;height:2px;background:var(--verde);margin-bottom:24px;border-radius:2px}
.delta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3em .4em;margin-bottom:12px;font-variant-numeric:tabular-nums}
.delta__de{font-size:1rem;color:var(--texto-2);text-decoration:line-through;text-decoration-color:rgba(41,208,122,.7)}
.delta__a{font-weight:600;font-size:clamp(2.4rem,4.4vw,3.8rem);letter-spacing:-.05em;line-height:1;color:var(--tinta)}
.delta__u{font-size:.74rem;font-weight:500;color:var(--texto-2);letter-spacing:.02em}
.cifras>div>span{display:block;font-size:.9rem;color:var(--texto-2);line-height:1.5}

/* ── seis reglas: desplegables con el + a la izquierda ── */
.reglas-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,100px);align-items:start}
.reglas-wrap .sec-head{position:sticky;top:120px;margin-bottom:0}
.reglas{border-top:1px solid var(--linea)}
.regla{border-bottom:1px solid var(--linea)}
.regla h3{margin:0;font-size:inherit;letter-spacing:inherit}
.regla__b{width:100%;display:grid;grid-template-columns:44px 48px 1fr;align-items:center;padding:28px 0;background:none;border:0;
  color:var(--tinta);text-align:left;font:inherit;cursor:pointer}
.regla__mas{position:relative;width:18px;height:18px;transition:transform .6s var(--suave)}
.regla__mas::before,.regla__mas::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;border-radius:2px;
  background:var(--tinta);transition:background .3s}
.regla__mas::after{transform:rotate(90deg)}
.regla__n{font-size:.84rem;font-weight:500;color:var(--texto-2);font-variant-numeric:tabular-nums}
.regla__t{font-weight:500;font-size:clamp(1.4rem,2.6vw,2.1rem);letter-spacing:-.035em;line-height:1.1;transition:color .3s,transform .6s var(--suave)}
.regla__b:hover .regla__t{transform:translateX(8px)}
.regla.abierta .regla__mas{transform:rotate(135deg)}
.regla.abierta .regla__mas::before,.regla.abierta .regla__mas::after{background:var(--verde)}
.regla.abierta .regla__t{color:var(--verde)}
.regla__c{display:grid;grid-template-rows:1fr}
.regla__c>div{overflow:hidden}
.regla__c p{padding:0 0 32px 92px;max-width:64ch;font-size:1.04rem;line-height:1.7}
.js .regla__c{grid-template-rows:0fr;transition:grid-template-rows .6s var(--suave)}
.js .regla.abierta .regla__c{grid-template-rows:1fr}
.js .regla:not(.abierta) .regla__c>div{visibility:hidden;transition:visibility 0s .6s}
.js .regla__c p{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .6s var(--suave)}
.js .regla.abierta .regla__c p{opacity:1;transform:none;transition-delay:.12s}

/* ── bloque destacado (antes verde a sangre): una tarjeta suave con luz verde ── */
.invertida{padding:clamp(40px,8vh,90px) 0}
.invertida>.wrap{position:relative;overflow:hidden;border-radius:clamp(22px,3vw,40px);padding:clamp(40px,7vw,100px);
  background:radial-gradient(120% 140% at 100% 0%,rgba(41,208,122,.16),transparent 55%),var(--fondo-2)}
.invertida h2{color:var(--tinta)}
.invertida .eyebrow{color:var(--texto-2)}
.invertida p{color:var(--texto)}
.eval__wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:end}
.eval h2{font-size:clamp(1.9rem,3.8vw,3.2rem)}
.eval p:not(.eyebrow){font-size:1.04rem;margin-bottom:16px}
.eval .btn{margin-top:14px}

/* ── cierre ── */
.final{text-align:center;padding:clamp(110px,18vh,200px) 0}
.final h2{max-width:20ch;margin:0 auto 26px;font-size:clamp(2.1rem,4.6vw,3.8rem)}
.final p{max-width:46ch;margin:0 auto 38px;color:var(--texto)}
.final__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── pie ── */
footer{padding:80px 0 34px;border-top:1px solid var(--linea)}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:64px}
.foot h4{font-size:.84rem;font-weight:500;letter-spacing:0;color:var(--texto-2);margin-bottom:18px}
.foot div:first-child h4{font-size:1.4rem;font-weight:600;letter-spacing:-.035em;color:var(--tinta)}
.foot p{font-size:.92rem;color:var(--texto-2);max-width:36ch}
.foot ul{list-style:none}
.foot li{margin-bottom:10px}
.foot a{font-size:.94rem;color:var(--texto)}
.foot a:hover{color:var(--tinta)}
.foot__redes{display:flex;gap:10px;margin-top:22px}
.foot__redes a{width:42px;height:42px;border-radius:50%;border:1px solid var(--linea);display:grid;place-items:center;color:var(--texto);
  transition:border-color .3s,color .3s,transform .4s var(--suave)}
.foot__redes a:hover{border-color:var(--verde);color:var(--verde);transform:translateY(-2px)}
.foot__bajo{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--texto-2)}
.foot__bajo a{color:var(--texto-2);font-size:.82rem}

/* ── WhatsApp flotante ── */
.wa{position:fixed;right:22px;bottom:22px;z-index:880;display:inline-flex;align-items:center;gap:9px;background:var(--verde);color:#07130C;
  font-weight:500;font-size:.88rem;padding:13px 18px;border-radius:999px;box-shadow:0 18px 40px -16px rgba(0,0,0,.8);
  transition:transform .5s var(--suave),background .3s}
.wa:hover{color:#07130C;background:var(--verde-2);transform:translateY(-3px)}
.wa svg{width:19px;height:19px;flex:none}

/* ── aviso de cookies: tarjeta pequeña, 3 botones iguales ── */
.ck{position:fixed;left:22px;bottom:22px;z-index:960;width:min(440px,calc(100vw - 44px));background:var(--fondo-3);
  border:1px solid var(--linea);border-radius:22px;padding:22px;display:none;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.ck.on{display:block}
.ck .wrap{padding:0;display:grid;gap:16px}
.ck p{font-size:.86rem;color:var(--texto)}
.ck__bt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ck__bt button{font:500 .82rem/1 var(--sans);padding:12px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:transparent;color:var(--tinta);cursor:pointer;transition:border-color .3s}
.ck__bt button:hover{border-color:rgba(255,255,255,.5)}

/* ── aparecer al bajar ── */
.js .rev{opacity:0;transform:translateY(34px);transition:opacity 1s var(--suave),transform 1.2s var(--suave)}
.js .rev.in{opacity:1;transform:none}

/* barra de progreso de lectura */
.progreso{position:fixed;left:0;top:0;height:2px;width:100%;z-index:950;background:var(--verde);transform-origin:left;
  transform:scaleX(0);pointer-events:none}

/* ── cursor: un brazo que saca bíceps al hacer clic ── */
.brazo{position:fixed;left:0;top:0;z-index:10000;width:46px;height:46px;pointer-events:none;opacity:0;
  transition:opacity .25s;will-change:transform}
.brazo.visto{opacity:1}
.brazo.oculto{opacity:0}
.brazo svg{width:100%;height:100%;overflow:visible;transform-origin:22% 14%;transition:transform .35s var(--muelle)}
.brazo .o{stroke:#07130C;fill:#07130C}
.brazo .f{stroke:none;fill:var(--tinta)}
.brazo .nud{stroke:#07130C;stroke-width:1.6;stroke-linecap:round;fill:none}
.brazo .bic{transform-box:view-box;transform-origin:38px 47px;transition:transform .22s var(--muelle)}
.brazo .esf{stroke:var(--verde);stroke-width:2.2;stroke-linecap:round;fill:none;opacity:0;transform-box:view-box;transform-origin:38px 30px;
  transform:scale(.4);transition:opacity .15s,transform .3s var(--muelle)}
.brazo.enlace svg{transform:scale(1.12)}
.brazo.enlace .bic{transform:scale(1.1,1.2)}
.brazo.enlace .esf{opacity:.55;transform:scale(.75)}
.brazo.fuerza svg{transform:scale(.94) rotate(-6deg)}
.brazo.fuerza .bic{transform:scale(1.28,1.5)}
.brazo.fuerza .esf{opacity:1;transform:none}
.brazo.fuerza svg .todo{animation:tiembla .09s linear infinite alternate}
@keyframes tiembla{from{transform:translate(-.5px,.4px)}to{transform:translate(.5px,-.4px)}}
html.con-brazo,html.con-brazo *{cursor:none!important}
html.con-brazo input,html.con-brazo textarea,html.con-brazo select,html.con-brazo [contenteditable]{cursor:auto!important}

/* ── páginas legales ── */
.legal{padding:150px 28px 90px;max-width:820px}
.legal h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:14px}
.legal .fecha{font-size:.86rem;color:var(--texto-2);margin-bottom:44px}
.legal h2{font-size:1.25rem;letter-spacing:-.02em;margin:44px 0 14px}
.legal p,.legal li{font-size:.97rem;margin-bottom:12px}
.legal ul{padding-left:22px;margin-bottom:18px}
.aviso,.honesto{background:var(--fondo-2);border-radius:18px;padding:22px 26px;margin:24px 0;font-size:.95rem}
.honesto{background:var(--verde-t)}
.honesto strong{color:var(--verde)}

/* ── listas ── */
.lista{list-style:none}
.lista li{position:relative;padding-left:22px;margin-bottom:12px;font-size:.95rem;line-height:1.55}
.lista li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--verde)}

/* ── atletas: ficha de cada caso ── */
.ancla{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,96px);align-items:center}
.ancla+.ancla{margin-top:clamp(100px,16vh,170px)}
.ancla--inv .ancla__foto{order:-1}
.ancla h3{font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.045em;margin-bottom:16px}
.ancla__txt>p{margin-bottom:8px}
.ancla .ok{color:var(--verde)}
.ancla .testi{margin-top:30px}
.ancla .testi p{font-size:clamp(1.02rem,1.5vw,1.18rem);font-weight:400;letter-spacing:-.012em;line-height:1.6;color:var(--texto)}
.ancla__foto{aspect-ratio:4/5;border-radius:var(--radio);background:radial-gradient(80% 60% at 30% 20%,rgba(41,208,122,.1),transparent),var(--fondo-2);
  display:grid;place-items:center;text-align:center;padding:24px;font-size:.84rem;color:var(--texto-2);overflow:hidden}
.ancla__foto img{width:100%;height:100%;object-fit:cover}
.ancla .pend{margin-top:16px;font-size:.82rem;color:var(--texto-2)}
.hoja{width:100%;border-collapse:collapse}
.hoja th,.hoja td{text-align:left;padding:16px 8px;border-bottom:1px solid var(--linea)}

/* ── contacto (tarjetas de vías) ── */
.serv__c{display:block;border-radius:var(--radio);background:var(--fondo-2);color:inherit;transition:transform .6s var(--suave),background .4s}
.serv__c:hover{color:inherit;transform:translateY(-4px);background:var(--fondo-3)}
.serv__b{display:flex;flex-direction:column;gap:10px;padding:40px 30px}
.serv__b>p{color:var(--texto-2);font-size:.95rem}

/* ── formulario de evaluación ── */
.recibes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);margin-top:40px}
.recibes i{display:block;font-style:normal;font-size:.82rem;font-weight:500;color:var(--verde);margin-bottom:14px}
.recibes b{display:block;font-weight:600;font-size:1.2rem;letter-spacing:-.02em;color:var(--tinta);margin-bottom:10px}
.recibes span{display:block;font-size:.95rem;color:var(--texto)}
.form{display:grid;gap:18px;margin-top:44px}
.campo{display:block}
.campo--2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:block;font-size:.9rem;font-weight:500;color:var(--tinta);margin-bottom:6px}
.form .ayuda{display:block;font-size:.84rem;color:var(--texto-2);margin-bottom:10px;line-height:1.5}
.form input,.form select,.form textarea{width:100%;background:var(--fondo-2);color:var(--tinta);border:1px solid var(--linea);border-radius:14px;
  padding:15px 16px;font:400 .98rem/1.4 var(--sans);transition:border-color .3s,box-shadow .3s,background .3s}
.form input:hover,.form select:hover,.form textarea:hover{border-color:rgba(255,255,255,.16)}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--verde);box-shadow:0 0 0 4px rgba(41,208,122,.14);background:var(--fondo-3)}
.form textarea{resize:vertical;min-height:110px;line-height:1.55}
.form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329D07A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
.form .obl{color:var(--verde)}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--texto-2);line-height:1.55}
.consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--verde)}
.consent a{color:var(--verde);text-decoration:underline;text-underline-offset:3px}
.form__pie{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:10px}
.form__pie .nota{font-size:.84rem;color:var(--texto-2);max-width:40ch}

/* ── cabecera de las páginas de dentro ── */
.cab-pag{padding-top:clamp(160px,22vh,220px)}
.cab-pag .sec-head{max-width:980px}
.cab-pag h1{font-size:clamp(2.6rem,6.2vw,5.4rem);letter-spacing:-.052em;line-height:.98}
.cab-pag__sub{color:var(--texto)!important;font-size:clamp(1.05rem,1.6vw,1.3rem)!important;margin-top:26px!important}

/* ── todos los servicios incluyen ── */
.incluye{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,5vw,80px)}
.incluye li{display:grid;grid-template-columns:48px 1fr;column-gap:8px;padding:32px 0;border-top:1px solid var(--linea)}
.incluye__n{grid-row:span 2;font-size:.84rem;font-weight:500;color:var(--verde);font-variant-numeric:tabular-nums;padding-top:.25em}
.incluye h3{margin-bottom:10px}
.incluye p{font-size:.95rem;color:var(--texto)}

/* ── lo que te han vendido / lo que hago ── */
.trampas{display:grid;gap:clamp(70px,11vh,120px)}
.trampa h3{font-size:clamp(1.7rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.04;max-width:20ch}
.trampa h3 span{display:block;font-size:.84rem;font-weight:500;letter-spacing:0;color:var(--texto-2);margin-bottom:16px}
.trampa__par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);margin-top:34px}
.trampa__lado b{display:inline-flex;align-items:center;gap:.6em;font-size:.82rem;font-weight:500;color:var(--texto-2)}
.trampa__lado b::before{content:"";width:18px;height:1px;background:currentColor}
.trampa__lado p{font-size:1.04rem;margin-top:14px;color:var(--texto-2)}
.trampa__lado--si b{color:var(--verde)}
.trampa__lado--si p{color:var(--tinta)}

/* ── el método: una cifra grande y su explicación ── */
.metodo__b{display:grid;grid-template-columns:minmax(180px,.42fr) 1fr;gap:clamp(28px,5vw,80px);padding:clamp(48px,8vh,80px) 0;border-top:1px solid var(--linea)}
.metodo__cifra b{display:block;font-weight:600;font-size:clamp(4rem,9vw,8rem);letter-spacing:-.06em;line-height:.85;color:var(--verde);
  font-variant-numeric:tabular-nums}
.metodo__cifra span{display:block;font-size:.88rem;color:var(--texto-2);margin-top:18px;max-width:18ch}
.metodo__cifra--txt b{font-size:clamp(2.8rem,6vw,5.2rem)}
.metodo__b h3{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.04em;margin-bottom:20px}
.metodo__b p{font-size:1.02rem;margin-bottom:14px;max-width:64ch}
.mide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);padding-top:clamp(48px,8vh,80px);border-top:1px solid var(--linea)}
.mide h3{font-size:1.15rem;margin-bottom:16px}
.chips{list-style:none;line-height:1.9}
.chips li{display:inline;font-size:1rem;color:var(--texto)}
.chips li:not(:last-child)::after{content:"\00a0\00a0·\00a0\20";color:var(--verde);font-weight:600}
.descargo{margin-top:56px;font-size:.84rem;line-height:1.65;color:var(--texto-2);max-width:84ch}
.descargo b{color:var(--texto)}

/* ── recordatorio al pie de la página ── */
.recuerda{padding:clamp(70px,11vh,120px) 0;border-top:1px solid var(--linea)}
.recuerda h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.recuerda__l{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 26px}
.recuerda__l li{font-size:.95rem;color:var(--tinta);background:var(--fondo-2);border-radius:999px;padding:11px 18px 11px 16px;
  display:inline-flex;align-items:center;gap:.6em}
.recuerda__l li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--verde)}
.recuerda__ver{font-size:.92rem;font-weight:500;display:inline-flex;gap:.5em}
.recuerda__ver i{font-style:normal;transition:transform .4s var(--suave)}
.recuerda__ver:hover i{transform:translateX(4px)}

/* ── páginas de cada plan ── */
.migas{font-size:.86rem;color:var(--texto-2);margin-bottom:34px}
.migas a{color:var(--texto)}
.migas a:hover{color:var(--tinta)}
.migas span{margin:0 .6em;opacity:.5}
.cab-plan__fila{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,100px);align-items:end}
.cab-plan__txt p{color:var(--texto);margin-bottom:16px;font-size:1.06rem}
.cab-plan__txt strong{color:var(--verde)}

.dieta{display:none}
.js .dieta{display:grid;grid-template-columns:1fr 1fr;position:relative;width:min(100%,340px);margin:0 auto 44px;padding:5px;
  border-radius:999px;background:var(--fondo-2)}
.js .dieta::before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--verde);
  transition:transform .55s var(--muelle)}
[data-dietas="sin"] .dieta::before{transform:translateX(100%)}
.dieta button{position:relative;z-index:1;background:none;border:0;border-radius:999px;padding:13px 10px;font:500 .9rem/1 var(--sans);
  color:var(--texto);cursor:pointer;transition:color .35s}
.dieta button[aria-checked="true"]{color:#07130C}
[data-dietas="con"] [data-solo="sin"]{display:none}
.js .nojs{display:none}
.nojs{font-size:.86rem;color:var(--texto-2);margin-top:8px}

.precios{display:grid;gap:20px}
.precios--2{grid-template-columns:1fr 1fr}
.precios--1{max-width:620px;margin:0 auto}
.precio-c{position:relative;display:flex;flex-direction:column;border-radius:clamp(22px,2.4vw,32px);background:var(--fondo-2);
  padding:clamp(30px,3.6vw,50px);transition:transform .7s var(--suave),background .4s}
.precio-c:hover{transform:translateY(-4px)}
.precio-c--dest{background:radial-gradient(120% 90% at 100% 0%,rgba(41,208,122,.15),transparent 60%),var(--fondo-2)}
.precio-c__sello{position:absolute;top:24px;right:24px;font-size:.78rem;font-weight:500;color:var(--verde);background:var(--verde-t);
  border-radius:999px;padding:7px 12px}
.precio-c h2{font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.04em}
.precio-c__para{color:var(--texto-2);font-size:.95rem;margin-top:10px;max-width:40ch}
.precio-c__total{display:flex;align-items:baseline;gap:8px;margin-top:40px;flex-wrap:wrap}
.precio-c__total b{font-weight:600;font-size:clamp(4rem,8.4vw,6rem);letter-spacing:-.065em;line-height:.85;color:var(--tinta);
  font-variant-numeric:tabular-nums}
.precio-c__total>span{font-weight:500;font-size:1.6rem;color:var(--texto-2);letter-spacing:-.03em}
.precio-c__total small{font-size:.86rem;color:var(--texto-2);margin-left:6px}
.precio-c__total small i{font-style:normal}
.precio-c__mes{font-size:.9rem;color:var(--texto-2);margin-top:16px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--linea)}
.precio-c__mes b{color:var(--tinta);font-weight:600}
.precio-c__nota{font-size:.92rem;color:var(--verde);margin:-8px 0 22px}
.precio-c .lista{margin-bottom:30px}
.precio-c .lista a{color:var(--verde);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.precio-c .btn{margin-top:auto;width:100%}
@media(min-width:981px){ .precios--2 .precio-c__para{min-height:3.2em} }
.cambia{animation:cambia .5s var(--suave)}
@keyframes cambia{from{opacity:0;transform:translateY(.25em);filter:blur(3px)}}

.otros{margin-top:80px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.otros .eyebrow{width:100%;justify-content:center;margin-bottom:12px}
.otros a{display:inline-flex;align-items:center;gap:12px;border-radius:999px;background:var(--fondo-2);padding:14px 20px;color:var(--tinta);
  font-size:.98rem;font-weight:500;letter-spacing:-.015em;transition:background .3s,transform .5s var(--suave)}
.otros a span{font-size:.8rem;color:var(--texto-2);font-weight:500}
.otros a i{font-style:normal;color:var(--verde);transition:transform .4s var(--suave)}
.otros a:hover{background:var(--fondo-3);color:var(--tinta);transform:translateY(-2px)}
.otros a:hover i{transform:translateX(4px)}

/* ── sobre mí ── */
.sobre__wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,100px);align-items:center}
.sobre h1{font-size:clamp(2.6rem,5.6vw,4.8rem)}
.sobre__txt .lead{margin-top:32px;color:var(--tinta)}
.sobre__txt p:not(.eyebrow):not(.lead){margin-top:20px;color:var(--texto);max-width:60ch}
.sobre__foto{position:relative;margin:0;aspect-ratio:4/5;border-radius:clamp(22px,2.6vw,36px);overflow:hidden;
  background:radial-gradient(90% 70% at 70% 10%,rgba(41,208,122,.14),transparent 60%),var(--fondo-2)}
.sobre__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sobre__foto figcaption{position:absolute;left:26px;bottom:24px;font-size:.84rem;color:var(--texto-2)}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:980px){
  .creencias,.recibes,.cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creencias .creencia:last-child{grid-column:1/-1}
  .foot{grid-template-columns:1fr 1fr}
  .reglas-wrap,.eval__wrap,.cab-plan__fila,.sobre__wrap,.ancla{grid-template-columns:minmax(0,1fr)}
  .ancla--inv .ancla__foto{order:0}
  .reglas-wrap .sec-head{position:static;margin-bottom:16px}
  .sec-head--fila{flex-direction:column;align-items:flex-start;gap:18px}
  .precios--2,.mide,.trampa__par,.incluye{grid-template-columns:minmax(0,1fr)}
  .metodo__b{grid-template-columns:minmax(0,1fr)}
  .sobre__foto{max-width:440px}
}
@media(max-width:820px){
  body{font-size:16px}
  .wrap{padding:0 22px}
  .ham{display:block;position:relative;z-index:2}
  header.on{background:var(--fondo);backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav{position:fixed;inset:0;background:var(--fondo);flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;
    padding:40px 28px;opacity:0;visibility:hidden;transition:opacity .45s var(--suave),visibility 0s .45s}
  .nav.abierto{opacity:1;visibility:visible;transition:opacity .45s var(--suave)}
  .nav a{font-size:2rem;font-weight:600;letter-spacing:-.04em;color:var(--tinta);transform:translateY(16px);opacity:0;
    transition:transform .6s var(--suave),opacity .5s}
  .nav.abierto a{transform:none;opacity:1}
  .nav.abierto a:nth-child(2){transition-delay:.04s}.nav.abierto a:nth-child(3){transition-delay:.08s}
  .nav.abierto a:nth-child(4){transition-delay:.12s}.nav.abierto a:nth-child(5){transition-delay:.16s}.nav.abierto a:nth-child(6){transition-delay:.2s}
  .nav a::after{display:none}
  .nav a.gratis{color:var(--verde)}
  .ham[aria-expanded="true"] span:nth-child(1){transform:translateY(3.25px) rotate(45deg)}
  .ham[aria-expanded="true"] span:nth-child(2){width:22px;transform:translateY(-3.25px) rotate(-45deg)}
  .plan-c{grid-template-columns:1fr auto;gap:14px 18px;padding:28px 0}
  .plan-c::before{inset:0 -14px}
  .plan-c__n{grid-column:1/-1}
  .plan-c__nombre{grid-column:1/-1}
  .plan-c__precio{align-items:flex-start;text-align:left}
  .plan-c__flecha{width:44px;height:44px}
}
@media(max-width:640px){
  .creencias,.recibes,.cifras,.campo--2{grid-template-columns:minmax(0,1fr)}
  .foot{grid-template-columns:1fr;gap:34px}
  .hero{padding-top:120px}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .regla__b{grid-template-columns:34px 38px 1fr;padding:22px 0}
  .regla__c p{padding-left:72px}
  .incluye li{grid-template-columns:40px 1fr}
  .ck{left:12px;bottom:12px;width:calc(100vw - 24px)}
  .wa span{display:none}
  .wa{padding:15px;border-radius:50%}
}
@media(max-width:640px){
  .sec{padding:84px 0}
  .final{padding:96px 0}
  .testi{margin-top:64px}
  .sec-head{margin-bottom:44px}
}
@media(prefers-reduced-motion:reduce){
  .js .rev,.js .partido .pal>span{opacity:1;transform:none;transition:none}
  .hero::before,.brazo.fuerza svg .todo{animation:none}
  *{transition-duration:.01ms!important}
}

/* ══════════════════════════════════════════════════════════
   v5 · 23 oct 2026 · blanco y negro, señorial y serio; detalles en verde #095704
   Titulares en Bodoni Moda (con su cursiva) y texto en Manrope, autoalojadas.
   El diseño y el movimiento son los de la v4 (guardada en ../_version-v4/).
   ══════════════════════════════════════════════════════════ */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 900;font-display:swap;src:url('fuentes/bodoni-moda.woff2') format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 900;font-display:swap;src:url('fuentes/bodoni-moda-italica.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('fuentes/manrope.woff2') format('woff2')}
/* respaldos medidos en Chrome: ocupan lo mismo que la letra buena */
@font-face{font-family:'Bodoni respaldo';src:local('Georgia');size-adjust:105.2%;ascent-override:107.4%;descent-override:38%;line-gap-override:0%}
@font-face{font-family:'Manrope respaldo';src:local('Arial');size-adjust:102%;ascent-override:104.9%;descent-override:29.4%;line-gap-override:0%}

:root{
  --serif:'Bodoni Moda','Bodoni respaldo',Georgia,serif;
  --sans:'Manrope','Manrope respaldo',system-ui,-apple-system,sans-serif;
  --verde:#095704;
  --verde-2:#0C6B06;
  --verde-t:rgba(9,87,4,.1);
  /* tema negro (el de siempre) */
  --fondo:#0A0A0A;--fondo-2:#141414;--fondo-3:#1D1D1D;
  --tinta:#F6F5F1;--texto:#B9B7B0;--texto-2:#7E7C76;
  --linea:rgba(255,255,255,.12);--linea-2:rgba(255,255,255,.32);
  --boton:#F6F5F1;--boton-txt:#0A0A0A;
  --acento:#F6F5F1;           /* palabra destacada: sobre negro, blanca en cursiva; sobre blanco, verde */
}
/* tema blanco: las secciones se alternan negro / blanco */
.cinta,.sec:has(.creencias),.sec:has(.cifras),.sec:has(.incluye),.sec:has(.metodo__b),.sec:has(.precios),.invertida,.final{
  --fondo:#FFFFFF;--fondo-2:#F3F2EE;--fondo-3:#E9E8E3;
  --tinta:#0A0A0A;--texto:#3B3A37;--texto-2:#76746E;
  --linea:rgba(10,10,10,.12);--linea-2:rgba(10,10,10,.34);
  --boton:#0A0A0A;--boton-txt:#FFFFFF;
  --acento:#095704;
  background:var(--fondo);color:var(--texto)}

/* ── letra ── */
body{font-family:var(--sans);font-feature-settings:normal;letter-spacing:.002em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1.04}
h1{letter-spacing:-.02em;line-height:1}
h2{letter-spacing:-.018em}
.hero h1{font-weight:500;letter-spacing:-.028em;line-height:.98}
.hero h1 em,h1 .verde,h2 .verde,h3 .verde{font-style:italic;font-weight:400;color:var(--acento)}
.verde{color:var(--acento)}
strong{color:var(--tinta)}
.pal{padding:.14em .1em .16em;margin:-.14em -.1em -.16em}
.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--texto-2)}
.eyebrow::before{width:24px;height:1px;border-radius:0;background:var(--verde)}
a{color:var(--tinta)}
a:hover{color:var(--tinta)}
::selection{background:var(--verde);color:#fff}

/* ── botones: negro sobre blanco, blanco sobre negro; el verde para «Evaluar mi caso» ── */
.btn{font-family:var(--sans);font-weight:600;letter-spacing:.01em}
.btn--v{background:var(--boton);color:var(--boton-txt)}
.btn--v:hover{background:var(--verde);color:#fff}
.btn--l{color:var(--tinta);border-color:var(--linea-2)}
.btn--l:hover{color:var(--tinta);border-color:var(--tinta)}
.btn--free{background:var(--verde);border-color:var(--verde);color:#fff}
.btn--free:hover{background:var(--verde-2);border-color:var(--verde-2);color:#fff}
.btn--free em,.btn--free em::before{color:rgba(255,255,255,.66)}

/* ── cabecera: sin desenfoque, para que el scroll vaya fino ── */
header.on{background:rgba(10,10,10,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
.marca b{font-family:var(--serif);font-weight:600;font-size:1.28rem;letter-spacing:-.01em}
.marca span{font-size:.6rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin-top:5px}
.nav a{font-weight:500;font-size:.86rem;letter-spacing:.01em}
.nav a.act::after{background:var(--tinta)}
.nav a.gratis{color:var(--tinta)}
.nav a.gratis::after{transform:scaleX(1);background:var(--verde);height:2px}
.progreso{background:var(--tinta)}

/* ── héroe ── */
.hero::before{background:radial-gradient(closest-side,rgba(9,87,4,.42),rgba(9,87,4,.12) 55%,transparent)}
.dato b{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}
.dato span{text-transform:uppercase;font-size:.66rem;font-weight:600;letter-spacing:.16em}

/* ── cinta, sobre blanco ── */
.cinta__pista span{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
.cinta__pista span:nth-child(even){font-style:italic;font-weight:400;color:var(--texto-2)}
.cinta__pista span::after{background:var(--verde)}

/* ── tres cosas y el testimonio ── */
.creencia__n,.incluye__n{font-family:var(--serif);font-size:1rem;font-weight:500;color:var(--verde)}
.testi p{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.008em;line-height:1.32}
.testi cite{text-transform:uppercase;font-size:.66rem;font-weight:600;letter-spacing:.18em}

/* ── planes ── */
.plan-c__n{font-family:var(--serif);font-size:1rem}
.plan-c__precio b{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.plan-c__precio small{text-transform:uppercase;font-size:.62rem;font-weight:600;letter-spacing:.16em}
.plan-c__flecha{border-color:var(--linea-2)}
.plan-c:hover .plan-c__flecha{background:var(--verde);border-color:var(--verde);color:#fff}

/* ── resultados ── */
.delta__a{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}
.delta__de{text-decoration-color:var(--verde)}
.delta__u{text-transform:uppercase;letter-spacing:.14em;font-weight:600}

/* ── reglas ── */
.regla__n{font-family:var(--serif);font-size:1rem}
.regla__t{font-family:var(--serif);font-weight:500;letter-spacing:-.012em}
.regla.abierta .regla__t{color:var(--tinta);font-style:italic;font-weight:400}
.regla.abierta .regla__mas::before,.regla.abierta .regla__mas::after{background:var(--tinta)}

/* ── tarjeta destacada: el verde, entero ── */
.invertida>.wrap{background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.09),transparent 55%),var(--verde);
  --tinta:#FFFFFF;--texto:rgba(255,255,255,.84);--texto-2:rgba(255,255,255,.62);--linea-2:rgba(255,255,255,.42);
  --boton:#FFFFFF;--boton-txt:#0A0A0A;--acento:#FFFFFF;color:var(--texto)}
.invertida .eyebrow::before{background:rgba(255,255,255,.6)}
.invertida strong{color:#fff}

/* ── cierre y pie ── */
.foot div:first-child h4{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.foot h4{text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.2em}
.wa{background:var(--verde);color:#fff}
.wa:hover{background:var(--verde-2);color:#fff}

/* ── servicios ── */
.trampa h3 span,.metodo__cifra span{text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.18em}
.trampa__lado b{text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.18em}
.trampa__lado--si b{color:var(--tinta)}
.trampa__lado--si b::before{background:var(--verde);height:2px;width:22px}
.metodo__cifra b{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;color:var(--verde)}
.metodo__cifra--txt b{font-style:italic;font-weight:400}
.chips li:not(:last-child)::after{color:var(--verde)}
.recuerda__l li::before,.lista li::before{background:var(--verde)}
.recuerda__ver{color:var(--tinta)}

/* ── páginas de cada plan ── */
.cab-plan__txt strong{color:var(--tinta)}
.js .dieta::before{background:var(--tinta)}
.dieta button[aria-checked="true"]{color:var(--fondo)}
.precio-c__total b{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}
.precio-c__total>span{font-family:var(--serif)}
.precio-c__sello{background:var(--verde);color:#fff}
.precio-c--dest{background:#0A0A0A;--tinta:#F6F5F1;--texto:#B9B7B0;--texto-2:#7E7C76;--linea:rgba(255,255,255,.14);
  --boton:#F6F5F1;--boton-txt:#0A0A0A;color:var(--texto)}
.precio-c .lista a{color:var(--tinta);text-decoration-color:var(--verde)}
.precio-c__nota{color:var(--verde)}
.otros a span{font-family:var(--serif);font-size:.95rem}
.otros a i{color:var(--tinta)}

/* ── sobre mí, atletas, formulario y legales ── */
.sobre__txt .verde{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.12em;color:var(--tinta)}
.sobre__foto,.ancla__foto{background:var(--fondo-2)}
.ancla .ok{color:var(--tinta)}
.honesto{background:var(--fondo-2);border-left:2px solid var(--verde);border-radius:0 18px 18px 0}
.honesto strong{color:var(--tinta)}
.recibes i{color:var(--texto-2);text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.18em}
.recibes b{font-family:var(--serif);font-weight:500}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--tinta);box-shadow:0 0 0 4px rgba(9,87,4,.45)}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F5F1' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.form .obl{color:var(--tinta)}
.consent input{accent-color:var(--verde)}
.consent a,.legal a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--verde);text-underline-offset:3px}

/* ── el brazo: contorno negro; las rayas del esfuerzo, verdes con halo blanco ── */
.brazo .o{stroke:#000;fill:#000}
.brazo .nud{stroke:#000}
.brazo .esf{stroke:var(--verde)}
.brazo .esf-h{stroke:#F6F5F1;stroke-width:4.6}

@media(max-width:820px){
  .nav a{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
  .nav a.gratis{font-style:italic}
}
/* cifras: el Bodoni de cartel deja los trazos finos casi invisibles; en los números va su corte de texto, más robusto */
.delta__a,.dato b,.precio-c__total b,.plan-c__precio b,.metodo__cifra:not(.metodo__cifra--txt) b,.creencia__n,.incluye__n,.plan-c__n,.regla__n{
  font-optical-sizing:none;font-variation-settings:"opsz" 11;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.delta__a{letter-spacing:-.04em}
.precio-c__total b{letter-spacing:-.05em}
.precio-c__total>span{font-family:var(--sans);font-weight:500;font-size:1.5rem}

/* ══════════════════════════════════════════════════════════
   v6 · 23 oct 2026 · letra que se lee, menos texto («Saber más») y más detalles al bajar
   ══════════════════════════════════════════════════════════ */

/* ── letra más robusta: el Bodoni de cartel era demasiado fino ── */
h1,h2,.cinta__pista span,.plan-c h2,.plan-c h3,.trampa h3,.metodo__b h3,.precio-c h2,.ancla h3,.cita-xl,.gigante{
  font-optical-sizing:none;font-variation-settings:"opsz" 28;font-weight:600}
h3,h4,.regla__t,.testi p,.recibes b,.marca b,.foot div:first-child h4,.dato b,.plan-c__precio b{
  font-optical-sizing:none;font-variation-settings:"opsz" 18;font-weight:600}
.hero h1 em,h1 .verde,h2 .verde,h3 .verde,.cinta__pista span:nth-child(even),.regla.abierta .regla__t,.testi p,
.metodo__cifra--txt b,.sobre__txt .verde,.gigante em{font-weight:500}
.hero h1{font-weight:600;letter-spacing:-.022em}
body{font-weight:500}
:root{--texto:#D2CFC7;--texto-2:#9A978F}
.cinta,.sec:has(.creencias),.sec:has(.cifras),.sec:has(.incluye),.sec:has(.metodo__b),.sec:has(.precios),.invertida,.final{
  --texto:#2B2A27;--texto-2:#64625C}
.precio-c--dest{--texto:#D2CFC7;--texto-2:#9A978F}
.lead,.sec-head p:not(.eyebrow),.creencia p,.regla__c p,.metodo__b p,.trampa__lado p,.incluye p,.cab-plan__txt p,.sobre__txt p{font-weight:500}

/* ── «Saber más»: el texto largo se abre, no se ve de golpe ── */
.mas__c{display:grid;grid-template-rows:1fr}
.mas__c>div{overflow:hidden}
.mas__b{display:none}
.js .mas__c{grid-template-rows:0fr;transition:grid-template-rows .7s var(--suave)}
.js .mas.abierto .mas__c{grid-template-rows:1fr}
.js .mas:not(.abierto) .mas__c>div{visibility:hidden;transition:visibility 0s .7s}
.js .mas__c>div>*{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .7s var(--suave)}
.js .mas.abierto .mas__c>div>*{opacity:1;transform:none;transition-delay:.12s}
.js .mas__c>div>p:first-child{padding-top:14px}
.js .mas__b{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:6px 0;background:none;border:0;cursor:pointer;
  font:700 .68rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta)}
.mas__b span{position:relative;padding-bottom:4px}
.mas__b span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--verde);transform:scaleX(.35);
  transform-origin:left;transition:transform .5s var(--suave)}
.mas__b:hover span::after{transform:scaleX(1)}
.mas__b i{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid var(--linea-2);flex:none;
  transition:transform .6s var(--suave),background .3s,border-color .3s}
.mas__b i::before,.mas__b i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--tinta);
  transition:background .3s}
.mas__b i::after{transform:rotate(90deg)}
.mas__b:hover i{border-color:var(--tinta)}
.mas.abierto .mas__b i{transform:rotate(135deg);background:var(--verde);border-color:var(--verde)}
.mas.abierto .mas__b i::before,.mas.abierto .mas__b i::after{background:#fff}
.incluye .mas__b{margin-top:10px}
.trampa .mas__b{margin-top:26px}
.teaser{font-size:1.1rem!important;color:var(--tinta)!important}
.ancla .testi .mas__b{margin-top:6px}

/* ── al bajar: las rayas se dibujan, los bloques entran de uno en uno ── */
.js .rev .eyebrow::before,.js .partido+.eyebrow::before{transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--suave) .25s}
.js .rev.in .eyebrow::before{transform:none}
.plan-c{border-bottom:0}
.plan-c::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--linea);transform-origin:left}
.js .plan-c::after{transform:scaleX(0);transition:transform 1.4s var(--suave) .1s}
.js .plan-c.in::after{transform:none}
.js .creencias.rev,.js .incluye.rev{opacity:1;transform:none}
.js .creencias.rev .creencia,.js .incluye.rev>li{opacity:0;transform:translateY(40px);transition:opacity 1s var(--suave),transform 1.2s var(--suave)}
.js .creencias.rev.in .creencia,.js .incluye.rev.in>li{opacity:1;transform:none}
.creencia:nth-child(2),.incluye>li:nth-child(2){transition-delay:.12s!important}
.creencia:nth-child(3),.incluye>li:nth-child(3){transition-delay:.24s!important}
.incluye>li:nth-child(4){transition-delay:.36s!important}.incluye>li:nth-child(5){transition-delay:.48s!important}
.incluye>li:nth-child(6){transition-delay:.6s!important}.incluye>li:nth-child(7){transition-delay:.72s!important}
.js .rev .cifras>div::before,.js .cifras.rev>div::before{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--suave) .3s}
.js .cifras.rev.in>div::before{transform:none}

/* el testimonio se ilumina palabra a palabra según bajas */
.js .lee .l{opacity:.18;transition:opacity .5s}
.js .lee .l.on{opacity:1}

/* la tarjeta verde crece al entrar (la escala la pone el JS) */
.invertida>.wrap{transform-origin:50% 100%;will-change:transform}

/* método: los tres bloques se apilan al bajar (ordenador) */
@media(min-width:981px){
  .metodo__b{position:sticky;top:96px;background:var(--fondo);box-shadow:0 -40px 60px -50px rgba(0,0,0,.35)}
  .metodo__b:nth-child(2){top:120px}.metodo__b:nth-child(3){top:144px}
}

/* «Desliza», al pie del héroe */
.baja{position:absolute;z-index:2;right:max(28px,calc((100vw - var(--max)) / 2 + 28px));bottom:clamp(40px,7vh,80px);display:flex;flex-direction:column;
  align-items:center;gap:14px;font:700 .6rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--texto-2);writing-mode:vertical-rl}
.baja i{position:relative;width:1px;height:64px;background:var(--linea-2);overflow:hidden}
.baja i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--tinta);animation:baja 2.2s var(--suave) infinite}
@keyframes baja{to{top:100%}}

/* la frase gigante que cruza el cierre */
.final{overflow:hidden}
.gigante{margin-top:clamp(70px,12vh,130px);white-space:nowrap;font-family:var(--serif);font-size:clamp(4rem,13vw,12rem);line-height:.9;
  letter-spacing:-.03em;color:var(--tinta);will-change:transform}
.gigante em{font-style:italic;color:var(--verde)}

/* la cabecera se aparta al bajar y vuelve al subir */
header{transition:background .4s,padding .4s,border-color .4s,transform .6s var(--suave)}
header.aparta{transform:translateY(-110%)}

@media(max-width:820px){
  .baja{display:none}
  .gigante{font-size:clamp(3rem,16vw,5rem)}
}
@media(prefers-reduced-motion:reduce){
  .js .lee .l{opacity:1}
  .baja i::after{animation:none}
}
/* v6 · más legible: trazos finos más gruesos en pantallas pequeñas y rótulos más grandes */
h1,h2,.cinta__pista span,.plan-c h2,.plan-c h3,.trampa h3,.metodo__b h3,.precio-c h2,.ancla h3,.gigante{font-variation-settings:"opsz" 22}
.eyebrow,.mas__b,.dato span,.testi cite,.trampa__lado b,.trampa h3 span,.metodo__cifra span,.plan-c__precio small,.recibes i,.foot h4,.delta__u{font-size:.76rem!important;letter-spacing:.16em}
.marca span{font-size:.66rem}
@media(max-width:820px){
  h1,h2,h3,h4,.cinta__pista span,.plan-c h2,.plan-c h3,.trampa h3,.metodo__b h3,.precio-c h2,.ancla h3,.regla__t,.testi p,.gigante,.marca b{font-variation-settings:"opsz" 11}
  body{font-size:16.5px}
}

/* ══════════════════════════════════════════════════════════
   v7 · 23 oct 2026 · Servicios como una historia y los planes en carrusel con efecto de velocidad
   ══════════════════════════════════════════════════════════ */
.tema-blanco{--fondo:#FFFFFF;--fondo-2:#F3F2EE;--fondo-3:#E9E8E3;--tinta:#0A0A0A;--texto:#2B2A27;--texto-2:#64625C;
  --linea:rgba(10,10,10,.12);--linea-2:rgba(10,10,10,.34);--boton:#0A0A0A;--boton-txt:#FFFFFF;--acento:#095704;background:var(--fondo);color:var(--texto)}
.sec.tema-negro{--fondo:#0A0A0A;--fondo-2:#141414;--fondo-3:#1D1D1D;--tinta:#F6F5F1;--texto:#D2CFC7;--texto-2:#9A978F;
  --linea:rgba(255,255,255,.12);--linea-2:rgba(255,255,255,.32);--boton:#F6F5F1;--boton-txt:#0A0A0A;--acento:#F6F5F1;background:var(--fondo);color:var(--texto)}

/* ── cabecera de Servicios: invita a bajar ── */
.cab-hist{min-height:88svh;display:flex;align-items:flex-end;padding-bottom:clamp(50px,9vh,100px)}
.cab-hist .wrap{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.cab-hist .sec-head{margin-bottom:0}
.hist__entra{flex:none;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--tinta);
  font:700 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}
.hist__entra i{position:relative;width:1px;height:90px;background:var(--linea-2);overflow:hidden}
.hist__entra i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--tinta);animation:baja 2.2s var(--suave) infinite}
.hist__entra:hover{color:var(--tinta)}

/* ── la historia: un marco fijo con las imágenes y los pasos que se revelan al bajar ── */
.hist{padding:0 0 clamp(80px,12vh,150px)}
.hist__wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,6vw,110px);align-items:start}
.hist__pasos{grid-column:1;grid-row:1}
.hist__marco{grid-column:2;grid-row:1;position:sticky;top:11vh;height:78vh;border-radius:clamp(22px,2.6vw,36px);overflow:hidden;
  background:#121212;isolation:isolate}
.hist__fotos{position:absolute;inset:0}
.hist__foto,.paso__foto{margin:0;overflow:hidden}
.hist__foto{position:absolute;inset:0;z-index:0;clip-path:inset(100% 0 0 0);transform:scale(1.16);
  transition:clip-path 1.2s cubic-bezier(.7,0,.2,1),transform 1.8s var(--suave)}
.hist__foto.debajo{z-index:1;clip-path:inset(0);transform:scale(1);filter:brightness(.55);transition:filter 1.2s,transform 1.8s var(--suave)}
.hist__foto.activa{z-index:2;clip-path:inset(0);transform:scale(1)}
.hist__foto img,.paso__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hist__ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,3vw,46px);
  background:radial-gradient(90% 70% at 85% 0%,rgba(9,87,4,.6),transparent 62%),radial-gradient(70% 60% at 0% 100%,rgba(255,255,255,.07),transparent 60%),#121212;color:#F6F5F1}
.hist__ph b{font-family:var(--serif);font-style:italic;font-weight:500;font-variation-settings:"opsz" 22;font-size:clamp(6rem,13vw,12rem);line-height:.8}
.hist__ph span{font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,245,241,.6)}
.hist__barra{position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.12)}
.hist__barra i{position:absolute;inset:0;background:#F6F5F1;transform-origin:left;transition:transform .9s var(--suave)}
.hist__pie{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  padding:60px clamp(22px,2.8vw,40px) 26px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#F6F5F1;
  font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hist__cap{transition:opacity .35s}
.hist__cap.cambia-cap{opacity:0}
.hist__num{white-space:nowrap}
.hist__num b{font-family:var(--serif);font-variation-settings:"opsz" 18;font-size:1.7rem;font-weight:600;letter-spacing:0}

.hist__capitulo{padding:16vh 0 2vh}
.hist__capitulo:first-child{padding-top:6vh}
.paso{min-height:74vh;display:flex;flex-direction:column;justify-content:center;padding:5vh 0}
.paso__foto{display:none}
.paso__n{font-family:var(--serif);font-variation-settings:"opsz" 18;font-weight:600;font-size:1.05rem;color:var(--texto-2);margin-bottom:18px}
.paso h3{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.015em;line-height:1.05;margin-bottom:26px;
  font-variation-settings:"opsz" 22;font-weight:600}
.paso__lado{position:relative;padding-left:22px;margin-bottom:22px;border-left:1px solid var(--linea-2)}
.paso__lado b,.paso__mide b{display:block;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);margin-bottom:8px}
.paso__lado p{color:var(--texto-2);font-size:1.04rem}
.paso__lado--si{border-left:2px solid var(--verde)}
.paso__lado--si b{color:var(--tinta)}
.paso__lado--si p{color:var(--tinta)}
.paso__cifra b{display:block;font-family:var(--serif);font-weight:600;font-variation-settings:"opsz" 11;font-size:clamp(4.4rem,9vw,8rem);
  line-height:.85;letter-spacing:-.035em;color:var(--tinta)}
.paso__cifra--txt b{font-style:italic;font-weight:500;font-variation-settings:"opsz" 22}
.paso__cifra span{display:block;margin:14px 0 26px;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2)}
.paso .teaser{font-size:1.15rem!important}
.paso__mide{margin-bottom:26px}
.paso__mide .chips li{font-size:.98rem}
.paso .descargo{margin-top:18px}

/* cómo se revela cada paso: entra por partes y, en el ordenador, el que no se está leyendo se apaga */
.js .paso>*:not(.paso__foto),.js .hist__capitulo>*{opacity:0;transform:translateY(34px);transition:opacity .9s var(--suave),transform 1.1s var(--suave)}
.js .paso.vista>*:not(.paso__foto),.js .hist__capitulo.in>*{opacity:1;transform:none}
.paso.vista>*:nth-child(3){transition-delay:.08s}.paso.vista>*:nth-child(4){transition-delay:.18s}
.paso.vista>*:nth-child(5){transition-delay:.32s}.paso.vista>*:nth-child(6){transition-delay:.46s}.paso.vista>*:nth-child(7){transition-delay:.58s}
.hist__capitulo.in>*:nth-child(2){transition-delay:.1s}
@media(min-width:981px){
  .paso{transition:opacity .8s var(--suave)}
  .js .paso.vista:not(.activa){opacity:.28}
}

/* ── carrusel de planes: se arrastra, tiene inercia y al moverse se inclina como con velocidad ── */
.carru-sec{overflow:hidden}
.carru-sec .sec-head{margin-bottom:clamp(36px,6vh,64px)}
.carru{--margen:max(22px,calc((100vw - var(--max)) / 2 + 28px));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  scroll-padding-inline:var(--margen);scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-4px;cursor:grab}
.carru::-webkit-scrollbar{display:none}
.carru.arrastra{scroll-snap-type:none;cursor:grabbing}
.carru.arrastra .carru__c{pointer-events:none}
.carru__pista{display:flex;gap:clamp(16px,1.8vw,26px);padding:10px var(--margen) 26px;width:max-content}
.carru__c{--v:0;--va:0;--px:0;flex:0 0 clamp(290px,31vw,440px);scroll-snap-align:start;display:block;color:var(--tinta);
  transform:skewX(calc(var(--v) * -6deg)) scale(calc(1 - var(--va) * .04));transform-origin:50% 100%;will-change:transform;
  user-select:none;-webkit-user-select:none}
.carru__c:hover{color:var(--tinta)}
.carru__foto{position:relative;aspect-ratio:4/5;border-radius:clamp(18px,2vw,28px);overflow:hidden;background:#121212}
.carru__foto img,.carru__ph{position:absolute;inset:-6% -14%;width:auto;height:auto;
  transform:translate3d(calc(var(--px) * 1%),0,0) scale(calc(1 + var(--va) * .1));filter:blur(calc(var(--va) * 3.5px));
  transition:transform .9s var(--suave)}
.carru__foto img{width:128%;height:112%;object-fit:cover}
.carru__ph{display:flex;flex-direction:column;justify-content:space-between;padding:calc(6% + 26px) calc(14% + 26px);
  background:radial-gradient(80% 60% at 80% 0%,rgba(9,87,4,.62),transparent 62%),radial-gradient(60% 50% at 10% 100%,rgba(255,255,255,.07),transparent 60%),#121212;color:#F6F5F1}
.carru__ph b{font-family:var(--serif);font-style:italic;font-weight:500;font-variation-settings:"opsz" 22;font-size:clamp(5rem,9vw,8rem);line-height:.8}
.carru__ph span{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,245,241,.6)}
.carru__c:hover .carru__foto img,.carru__c:hover .carru__ph{transform:translate3d(calc(var(--px) * 1%),0,0) scale(1.05)}
.carru__txt{padding:24px 4px 0}
.carru__meta{display:block;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);margin-bottom:12px}
.carru__c h3{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.04;letter-spacing:-.015em;font-variation-settings:"opsz" 22;font-weight:600}
.carru__c p{margin-top:10px;color:var(--texto);font-size:1rem}
.carru__pie-c{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--linea)}
.carru__precio{display:flex;flex-direction:column;line-height:1.1}
.carru__precio small{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);margin-bottom:6px}
.carru__precio b{font-family:var(--serif);font-variation-settings:"opsz" 11;font-weight:600;font-size:1.7rem;letter-spacing:-.02em;color:var(--tinta)}
.carru__precio em{font-style:normal;font-size:.82rem;color:var(--texto-2);margin-top:6px}
.carru__ver{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta);display:inline-flex;gap:.6em;white-space:nowrap}
.carru__ver i{font-style:normal;transition:transform .4s var(--suave)}
.carru__c:hover .carru__ver i{transform:translateX(5px)}
.carru__pie{display:flex;align-items:center;gap:clamp(18px,3vw,40px);margin-top:18px}
.carru__barra{position:relative;flex:1;height:1px;background:var(--linea-2)}
.carru__barra i{position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--tinta);transform-origin:left;transform:scaleX(.25)}
.carru__cont{font-size:.8rem;font-weight:600;color:var(--texto-2);white-space:nowrap}
.carru__cont b{font-family:var(--serif);font-variation-settings:"opsz" 18;font-size:1.4rem;color:var(--tinta);font-weight:600}
.carru__btns{display:flex;gap:10px}
.carru__b{width:54px;height:54px;border-radius:50%;border:1px solid var(--linea-2);background:none;color:var(--tinta);font-size:1.2rem;cursor:pointer;
  transition:background .3s,border-color .3s,color .3s}
.carru__b:hover{background:var(--verde);border-color:var(--verde);color:#fff}
.carru__b:disabled{opacity:.3;pointer-events:none}
/* las tarjetas entran de una en una */
.js .carru__c{opacity:0;translate:60px 0;transition:opacity 1s var(--suave),translate 1.2s var(--suave)}
.js .carru.in .carru__c{opacity:1;translate:0 0}
.js .carru.in .carru__c:nth-child(2){transition-delay:.1s}.js .carru.in .carru__c:nth-child(3){transition-delay:.2s}.js .carru.in .carru__c:nth-child(4){transition-delay:.3s}

@media(max-width:980px){
  .cab-hist{min-height:0}
  .hist__entra{display:none}
  .hist__wrap{grid-template-columns:minmax(0,1fr)}
  .hist__marco{display:none}
  .paso{min-height:0;padding:7vh 0}
  .paso__foto{display:block;position:relative;aspect-ratio:4/3;border-radius:22px;margin-bottom:28px;clip-path:inset(18% 0 0 0 round 22px);
    transition:clip-path 1.2s cubic-bezier(.7,0,.2,1)}
  .paso.vista .paso__foto{clip-path:inset(0 round 22px)}
  .paso__foto .hist__ph b{font-size:5rem}
  .carru__c{flex-basis:80vw}
  .carru__btns{display:none}
}
@media(prefers-reduced-motion:reduce){
  .carru__c{transform:none!important}
  .carru__foto img,.carru__ph{filter:none!important}
  .hist__foto{transition:none}
}
/* v7 · ajustes: el rótulo de la imagen arriba (no pisa el pie), tarjetas que caben en pantalla y cabecera entera */
.hist__ph{justify-content:flex-start;gap:20px}
.cab-hist{min-height:100svh}
.carru__c{flex-basis:clamp(270px,27vw,390px)}
.carru__foto{aspect-ratio:1/1.08}
@media(max-width:980px){ .cab-hist{min-height:0} .carru__c{flex-basis:78vw} }
/* el desenfoque y las capas de velocidad, solo mientras el carrusel se mueve (quieto no cuestan nada) */
.carru__foto img,.carru__ph{filter:none}
.carru__c{will-change:auto}
.carru.mueve .carru__foto img,.carru.mueve .carru__ph{filter:blur(calc(var(--va) * 3.5px))}
.carru.mueve .carru__c{will-change:transform}
/* entrada de las tarjetas sin mover la tarjeta (moverla dentro del carrusel recalcula todo en cada fotograma):
   la tarjeta se funde y la imagen se desliza dentro de su marco */
.js .carru__c{translate:none}
.js .carru:not(.in) .carru__c{translate:none}
.js .carru__foto>img,.js .carru__foto>.carru__ph{translate:0 0;transition:translate 1.5s var(--suave),transform .9s var(--suave)}
.js .carru:not(.in) .carru__foto>img,.js .carru:not(.in) .carru__foto>.carru__ph{translate:22% 0}
.js .carru.in .carru__c:nth-child(2) .carru__foto>*{transition-delay:.1s}
.js .carru.in .carru__c:nth-child(3) .carru__foto>*{transition-delay:.2s}
.js .carru.in .carru__c:nth-child(4) .carru__foto>*{transition-delay:.3s}

/* ══════════════════════════════════════════════════════════
   v8 · 23 oct 2026 · la historia y la perspectiva en toda la web; a tamaño de ordenador
   ══════════════════════════════════════════════════════════ */

/* ── tamaño ordenador: más ancho y titulares más grandes en pantallas grandes ── */
:root{--max:1440px}
.sec-head{max-width:920px}
h2{font-size:clamp(2rem,4.3vw,4.6rem)}
.hero h1{font-size:clamp(3rem,8.4vw,9rem)}
.cab-pag h1{font-size:clamp(2.6rem,6.2vw,6.6rem)}
.hero .lead,.lead{font-size:clamp(1.05rem,1.3vw,1.38rem)}
@media(min-width:1600px){ body{font-size:18px} .wrap{padding:0 48px} }

/* ── cada bloque entra desde su lado, con perspectiva (el lado lo pone el JS según dónde está) ── */
.js .rev.d-izq{transform:perspective(1400px) translate3d(-90px,0,0) rotateY(14deg);transform-origin:0% 50%}
.js .rev.d-der{transform:perspective(1400px) translate3d(90px,0,0) rotateY(-14deg);transform-origin:100% 50%}
.js .rev.d-abajo{transform:perspective(1400px) translate3d(0,80px,0) rotateX(16deg);transform-origin:50% 100%}
.js .rev.in.d-izq,.js .rev.in.d-der,.js .rev.in.d-abajo{transform:none}

/* el titular de la portada se inclina hacia atrás al salir */
.hero__txt{transform-origin:50% 100%}

/* la cinta, en dos filas que ruedan en sentidos contrarios */
.cinta__pista--rev{margin-top:.15em}
.cinta__pista--rev span{font-style:italic;font-weight:500;color:var(--texto-2)}
.cinta__pista--rev span:nth-child(even){font-style:normal;font-weight:600;color:var(--tinta)}

/* ── historias con el marco a la izquierda ── */
.hist--izq .hist__wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hist--izq .hist__marco{grid-column:1}
.hist--izq .hist__pasos{grid-column:2}
.hist__marco{transform-origin:50% 50%;will-change:transform}
.hist .paso__txt{font-size:clamp(1.05rem,1.2vw,1.22rem);color:var(--texto);max-width:56ch}
.hist__testi{margin-top:clamp(20px,6vh,70px)}
.cab-hist .sec-head h1{max-width:18ch}
/* los pasos llegan desde el lado del texto */
.js .hist .paso>*:not(.paso__foto){transform:perspective(1200px) translate3d(-60px,0,0) rotateY(10deg);transform-origin:0 50%}
.js .hist--izq .paso>*:not(.paso__foto){transform:perspective(1200px) translate3d(60px,0,0) rotateY(-10deg);transform-origin:100% 50%}
.js .hist .paso.vista>*:not(.paso__foto){transform:none}

/* ── reglas, desde la derecha; cifras, volteándose; «incluye», desde los dos lados ── */
.js .reglas.rev,.js .cifras.rev,.js .incluye.rev{opacity:1;transform:none}
.js .reglas.rev .regla{opacity:0;transform:perspective(1200px) translate3d(80px,0,0) rotateY(-14deg);transform-origin:100% 50%;
  transition:opacity .9s var(--suave),transform 1.2s var(--suave)}
.js .reglas.rev.in .regla{opacity:1;transform:none}
.reglas .regla:nth-child(2){transition-delay:.08s}.reglas .regla:nth-child(3){transition-delay:.16s}
.reglas .regla:nth-child(4){transition-delay:.24s}.reglas .regla:nth-child(5){transition-delay:.32s}.reglas .regla:nth-child(6){transition-delay:.4s}
.js .cifras.rev>div{opacity:0;transform:perspective(900px) rotateX(-78deg);transform-origin:50% 0;transition:opacity .8s var(--suave),transform 1.3s var(--suave)}
.js .cifras.rev.in>div{opacity:1;transform:none}
.cifras>div:nth-child(2){transition-delay:.12s}.cifras>div:nth-child(3){transition-delay:.24s}.cifras>div:nth-child(4){transition-delay:.36s}
.js .incluye.rev>li:nth-child(odd){transform:perspective(1200px) translate3d(-60px,0,0) rotateY(12deg);transform-origin:0 50%}
.js .incluye.rev>li:nth-child(even){transform:perspective(1200px) translate3d(60px,0,0) rotateY(-12deg);transform-origin:100% 50%}
.js .incluye.rev.in>li{transform:none}

/* ── atletas: el texto desde un lado y la foto se endereza desde el otro al bajar ── */
.js .ancla.rev{opacity:1;transform:none}
.js .ancla.rev .ancla__txt{opacity:0;transform:perspective(1400px) translate3d(-70px,0,0) rotateY(10deg);transform-origin:0 50%;
  transition:opacity 1s var(--suave),transform 1.2s var(--suave)}
.js .ancla--inv.rev .ancla__txt{transform:perspective(1400px) translate3d(70px,0,0) rotateY(-10deg);transform-origin:100% 50%}
.js .ancla.rev.in .ancla__txt{opacity:1;transform:none}
.ancla__foto{position:relative;margin:0;padding:0;display:block;transform-origin:100% 50%;
  transform:perspective(1400px) rotateY(calc((1 - var(--p,1)) * -30deg)) scale(calc(.88 + var(--p,1) * .12))}
.ancla--inv .ancla__foto{transform-origin:0 50%;transform:perspective(1400px) rotateY(calc((1 - var(--p,1)) * 30deg)) scale(calc(.88 + var(--p,1) * .12))}
.ancla__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ── la tarjeta verde y la imagen ancha de los planes se enderezan al entrar ── */
.invertida>.wrap{transform-origin:50% 100%;transform:perspective(1600px) rotateX(calc((1 - var(--p,1)) * 20deg)) scale(calc(.9 + var(--p,1) * .1))}
.banda-foto{position:relative;margin:clamp(50px,9vh,100px) 0 0;aspect-ratio:21/9;border-radius:clamp(22px,2.6vw,36px);overflow:hidden;background:#121212;
  transform-origin:50% 100%;transform:perspective(1600px) rotateX(calc((1 - var(--p,1)) * 34deg)) scale(calc(.84 + var(--p,1) * .16));will-change:transform}
.banda-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banda-foto .hist__ph b{font-size:clamp(5rem,11vw,10rem)}

/* ── carrusel: las tarjetas giran un poco según dónde están, como en una curva ── */
.carru__c{transform:perspective(1400px) rotateY(calc(var(--px) * 1.1deg)) skewX(calc(var(--v) * -6deg)) scale(calc(1 - var(--va) * .04))}

@media(max-width:980px){
  .hist--izq .hist__wrap{grid-template-columns:minmax(0,1fr)}
  .hist--izq .hist__pasos{grid-column:1}
  .banda-foto{aspect-ratio:4/3}
}
@media(max-width:820px){
  .js .rev.d-izq{transform:perspective(1000px) translate3d(-36px,0,0) rotateY(9deg)}
  .js .rev.d-der{transform:perspective(1000px) translate3d(36px,0,0) rotateY(-9deg)}
  .js .hist .paso>*:not(.paso__foto),.js .hist--izq .paso>*:not(.paso__foto){transform:perspective(1000px) translate3d(0,30px,0) rotateX(10deg)}
  .js .hist .paso.vista>*:not(.paso__foto){transform:none}
}
@media(prefers-reduced-motion:reduce){
  .ancla__foto,.invertida>.wrap,.banda-foto,.hist__marco{transform:none!important}
}
/* con el ancho de ordenador, tarjetas más grandes para que el carrusel tenga recorrido */
.carru__c{flex-basis:clamp(300px,30vw,540px)}
@media(max-width:980px){ .carru__c{flex-basis:78vw} }

/* ══════════════════════════════════════════════════════════
   v9 · 23 oct 2026 · en el ordenador, cada sección cabe en la pantalla
   Rumen: «en la de ordenador, que el tamaño sea más pequeño, que ocupe solo lo de la pantalla».
   Deshace el «tamaño ordenador» de la v8 (1.440 px y titulares enormes) y pone el mismo aire
   arriba y abajo en todas las secciones. Los tamaños miran también el ALTO de la pantalla (vh),
   para que también quepa en un portátil de 768 px. El móvil (hasta 980 px) no cambia.
   La v8 está en ../_version-v8/.
   ══════════════════════════════════════════════════════════ */
@media(min-width:981px){
  :root{--max:1240px;--cab:84px;--ritmo:clamp(36px,5.4vh,88px)}
  body{font-size:17px}

  /* letra: más pequeña que en la v8 y limitada por el alto */
  h2{font-size:clamp(1.8rem,min(3.3vw,6vh),3.3rem)}
  .hero h1{font-size:clamp(2.6rem,min(6.2vw,10vh),6.2rem);margin-bottom:clamp(18px,3vh,30px)}
  .cab-pag h1{font-size:clamp(2.3rem,min(4.6vw,8vh),4.4rem)}
  .hero .lead,.lead{font-size:clamp(1rem,min(1.15vw,2.05vh),1.18rem)}
  .cab-pag__sub{margin-top:clamp(12px,2.2vh,22px)!important}

  /* un solo ritmo: el mismo margen arriba y abajo en todas las secciones */
  .sec,.final,.invertida,.recuerda{padding:var(--ritmo) 0}
  .hist{padding-bottom:var(--ritmo)}
  .sec-head{margin-bottom:clamp(26px,4.5vh,60px)}
  .carru-sec .sec-head{margin-bottom:clamp(18px,3vh,40px)}

  /* portada y cabeceras: una pantalla justa, por debajo de la barra fija */
  .hero{min-height:100svh;padding:calc(var(--cab) + var(--ritmo)) 0 var(--ritmo)}
  .hero__datos{margin-top:clamp(24px,4.5vh,60px)}
  .cab-pag{padding-top:calc(var(--cab) + var(--ritmo))}
  .cab-hist{padding-bottom:var(--ritmo)}

  /* el carrusel de planes: tarjetas que caben enteras */
  .carru__c{flex-basis:clamp(230px,min(24vw,34vh),360px)}
  .carru__foto{aspect-ratio:4/3}
  .carru__pista{padding:8px var(--margen) 14px}
  .carru__txt{padding:14px 4px 0}
  .carru__meta{margin-bottom:8px}
  .carru__c h3{font-size:clamp(1.25rem,min(1.7vw,3vh),1.65rem)}
  .carru__c p{margin-top:6px;font-size:.95rem}
  .carru__pie-c{margin-top:12px;padding-top:12px}
  .carru__pie{margin-top:6px}
  .carru__b{width:46px;height:46px}

  /* tarjetas de precio y lista de lo que incluye */
  .precio-c{padding:clamp(22px,3.4vh,44px) clamp(26px,2.6vw,44px)}
  .precio-c__total{margin-top:clamp(14px,2.6vh,32px)}
  .precio-c__total b{font-size:clamp(3rem,min(5.6vw,8.5vh),5rem)}
  .precio-c__mes{margin-top:10px;padding-bottom:clamp(12px,2.2vh,24px);margin-bottom:clamp(12px,2.2vh,24px)}
  .precio-c .lista li{margin-bottom:6px}
  .descargo{margin-top:clamp(18px,3.2vh,40px)}
  .js .dieta{margin-bottom:clamp(18px,3.2vh,36px)}
  .incluye li{padding:clamp(12px,2.2vh,26px) 0}

  /* la foto ancha de cada plan, a lo que deje la pantalla */
  .banda-foto{aspect-ratio:auto;height:clamp(170px,28vh,380px);margin-top:clamp(22px,4vh,48px)}

  /* atletas: cada caso entra entero; la foto mide lo que la fila y el texto va centrado */
  .ancla{align-items:stretch;min-height:clamp(300px,50vh,500px)}
  .ancla__foto{aspect-ratio:auto;height:auto;min-height:100%}
  .ancla__txt{display:flex;flex-direction:column;justify-content:center}
  .ancla+.ancla{margin-top:calc(var(--ritmo) * 1.4)}

  /* el rótulo gigante del final */
  .gigante{margin-top:clamp(24px,4.5vh,60px);font-size:clamp(3.4rem,min(8.6vw,14vh),8.6rem)}

  /* ajuste fino (medido en 1366×768 y 1536×864): carrusel más bajo */
  .carru__foto{aspect-ratio:auto;height:clamp(120px,21vh,280px)}
  .carru__pista{padding:6px var(--margen) 10px}
  .carru-sec .sec-head{margin-bottom:clamp(12px,2.2vh,36px)}
  .carru-sec .eyebrow{margin-bottom:clamp(10px,1.6vh,22px)}
  .carru__txt{padding:10px 4px 0}
  .carru__meta{margin-bottom:6px}
  .carru__pie-c{margin-top:8px;padding-top:8px}
  .carru__pie{margin-top:2px}
  .carru__b{width:40px;height:40px}
  .carru__cont b{font-size:1.2rem}

  /* planes con una sola tarjeta: la lista a la derecha, así la tarjeta mide la mitad */
  .precios--1{max-width:1000px}
  .precios--1 .precio-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,4vw,60px);align-content:center}
  .precios--1 .precio-c>*{grid-column:1}
  .precios--1 .precio-c>.lista{grid-column:2;grid-row:1/span 7;align-self:center;margin:0}
  .precios--1 .precio-c>.btn{margin-top:clamp(14px,2.4vh,26px)}

  /* la nota de la dieta, más ancha (menos líneas) y el precio grande un poco menos */
  .descargo{max-width:118ch}
  .precio-c__total b{font-size:clamp(2.8rem,min(5.2vw,7.5vh),4.6rem)}
  .js .dieta{margin-bottom:clamp(14px,2.4vh,30px)}
  .precio-c .lista{margin-bottom:14px}
  .precio-c__total{margin-top:clamp(10px,2vh,32px)}

  /* Contacto lleva padding-top:150px escrito en el HTML: aquí va el mismo ritmo que el resto */
  .sec[style*="padding-top"]{padding-top:calc(var(--cab) + var(--ritmo))!important}

  /* el rótulo provisional de las fotos del carrusel (hasta que lleguen las fotos), sin cortarse */
  .carru__ph{padding:calc(6% + 12px) calc(14% + 16px)}
  .carru__ph b{font-size:clamp(2.8rem,8vh,5.4rem)}
  .carru__ph span{font-size:.6rem;line-height:1.3}
}

/* ═══ v11 (29 oct 2026) · Atletas ═══ */
/* El cierre iba en blanco y a Facundo le parecía «muy feo»: ahora va en negro, como el resto de la página */
.final{--fondo:#0A0A0A;--fondo-2:#141414;--fondo-3:#1D1D1D;--tinta:#F6F5F1;--texto:#D2CFC7;--texto-2:#9A978F;
  --linea:rgba(255,255,255,.12);--linea-2:rgba(255,255,255,.32);--boton:#F6F5F1;--boton-txt:#0A0A0A;--acento:#F6F5F1;
  background:var(--fondo);color:var(--texto);border-top:1px solid var(--linea)}
/* Figueroa: sus tres fotos en el mismo marco, la grande a la izquierda */
.ancla__foto .mosaico{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;background:var(--fondo);overflow:hidden;border-radius:inherit}
.ancla__foto .mosaico img{position:static;width:100%;height:100%;min-height:0;object-fit:cover}
.ancla__foto .mosaico img:first-child{grid-row:1/3}
/* v11d (29 oct): en ordenador cada caso mide el doble de alto, casi una pantalla entera por debajo de la barra.
   La foto sigue midiendo lo que la fila; el texto, centrado; el giro al bajar, el mismo */
@media(min-width:981px){
  .ancla{min-height:min(1000px,calc(100vh - var(--cab) - 40px));min-height:min(1000px,calc(100svh - var(--cab) - 40px))}
}