/* ==========================================================
   COLORES Y TIPOGRAFÍA
   Si tu sitio actual usa otros valores, cambia solo estas
   variables: todo lo demás se ajusta solo.
   ========================================================== */
:root{
  --bg:#141319;          /* fondo */
  --bg-2:#1D1C24;        /* bloques */
  --bg-3:#26252F;        /* tarjetas */
  --line:#34323F;        /* líneas */
  --paper:#F1F0EB;       /* texto principal */
  --dim:#B9B7C4;         /* texto secundario */
  --quiet:#8B8994;       /* notas */
  --lila:#8E8BF0;        /* acento principal */
  --lila-strong:#6E6BE8; /* botón */
  --mint:#7FD1A8;        /* sí, después, valor */
  --rose:#E88A8A;        /* no, antes, problema */
  --sans:"PP Mori","Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"PFD Mono","DM Mono",ui-monospace,Menlo,monospace;
  --w:1120px;
}
/* Si tienes los archivos de PP Mori y PFD Mono, súbelos a /fonts y descomenta:
@font-face{font-family:"PP Mori";src:url(/fonts/PPMori-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PP Mori";src:url(/fonts/PPMori-SemiBold.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"PFD Mono";src:url(/fonts/PFDMono.woff2) format("woff2");font-display:swap}
*/
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{font-family:var(--sans);background:var(--bg);color:var(--paper);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--lila);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
section{padding:92px 0}
.kicker{display:inline-block;font:500 13px/1 var(--mono);color:var(--lila);margin-bottom:16px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;line-height:1.05}
h2{font-size:clamp(32px,4.6vw,54px);max-width:18ch;margin-bottom:18px}
h4{font-size:21px;letter-spacing:-.01em;line-height:1.2}
.lead{font-size:clamp(18px,2vw,20px);color:var(--dim);max-width:60ch}
.lead strong,p strong{color:var(--paper);font-weight:700}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;font:700 16px/1.2 var(--sans);text-decoration:none;padding:18px 26px;border-radius:14px;border:2px solid transparent;text-align:center;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-main{background:var(--lila-strong);color:#fff}
.btn-main:hover{background:#5A57D8}
.btn-alt{background:transparent;color:var(--paper);border-color:var(--line)}
.btn-alt:hover{border-color:var(--paper)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.textlink{font-size:15px;color:var(--dim);text-decoration:underline;text-underline-offset:4px}
.textlink:hover{color:var(--paper)}
.micro,.hero p.micro{margin-top:16px;font-size:14px;color:var(--quiet);max-width:none}
.micro b{color:var(--mint);font-weight:600}

/* header */
header{position:sticky;top:0;z-index:30;background:rgba(20,19,25,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}

.logo{font-size:22px;font-weight:500;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.logo b{font-weight:800}
.logo span{color:var(--dim)}








/* hero */
.hero{padding:72px 0 84px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(44px,6.6vw,84px);letter-spacing:-.045em;line-height:.98;margin-bottom:26px}
.hero h1 .l2{display:block;color:var(--lila)}
.hero p{font-size:clamp(18px,2vw,21px);color:var(--dim);max-width:52ch;margin-bottom:14px}
.hero .ctas{margin-top:28px}
.ph{border:2px dashed var(--line);border-radius:22px;background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:var(--quiet);font-size:14px}
.ph .ico{font-size:34px}
.ph b{font:500 13px/1.3 var(--mono);color:var(--dim)}
.ph-45{aspect-ratio:4/5;width:100%;max-width:420px;margin:0 auto}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.ph-45{max-width:340px}}

/* números */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px}
.num strong{display:block;font-size:clamp(40px,5vw,62px);letter-spacing:-.045em;line-height:1;color:var(--paper)}
.num span{display:block;margin-top:10px;color:var(--dim);font-size:15px}
@media (max-width:760px){.nums{grid-template-columns:repeat(2,1fr)}}

/* cadena de dinero */
.dinero{margin-top:64px;padding:38px;border:1px solid var(--line);border-radius:24px;background:var(--bg-2)}
.dinero h3{font-size:24px;letter-spacing:-.02em;margin-bottom:24px}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.chain span{font:500 15px/1 var(--mono);padding:14px 18px;border-radius:12px;background:var(--bg-3);color:var(--paper);letter-spacing:.02em}
.chain span.end{background:var(--mint);color:#11231A;font-weight:700}
.chain i{font-style:normal;color:var(--lila);font-size:20px}
.dinero p{margin-top:22px;font-size:19px;color:var(--paper);max-width:60ch}
.dinero .src{margin-top:12px;font-size:14px;color:var(--quiet)}
@media (max-width:620px){.chain{flex-direction:column;align-items:stretch}.chain span{text-align:center}.chain i{text-align:center;transform:rotate(90deg)}.dinero{padding:26px}}

/* lo que vas a lograr */
.band{background:var(--bg-2)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.card{background:var(--bg-3);border:1px solid var(--line);border-radius:20px;padding:26px 22px 28px}
.card .n{display:block;font:500 13px/1 var(--mono);color:var(--lila);margin-bottom:22px}
.card p{margin-top:10px;color:var(--dim);font-size:15.5px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}

/* para quién */
.quien{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin-top:40px}
.col{border-radius:22px;padding:28px 26px}
.col.si{background:var(--bg-2);border:1px solid rgba(127,209,168,.35)}
.col.no{background:var(--bg-2);border:1px solid rgba(232,138,138,.35)}
.col h4{margin-bottom:16px}
.col.si h4{color:var(--mint)}
.col.no h4{color:var(--rose)}
.col ul{list-style:none}
.col li{padding:11px 0 11px 30px;position:relative;border-top:1px solid var(--line);color:var(--paper);font-size:16px}
.col.si li::before{content:"✓";position:absolute;left:2px;top:10px;color:var(--mint);font-weight:700}
.col.no li::before{content:"✕";position:absolute;left:2px;top:10px;color:var(--rose);font-weight:700}
.vs{align-self:center;font:500 14px/1 var(--mono);color:var(--quiet)}
@media (max-width:860px){.quien{grid-template-columns:1fr}.vs{text-align:center}}

/* empieza por aquí */
.start{text-align:left}
.start .box{border:1px solid var(--line);border-radius:26px;padding:48px;background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.start .box .lead{margin-bottom:28px}
.start .free{margin-top:18px}
@media (max-width:620px){.start .box{padding:30px 22px}}

/* garantía */
.garantia{padding:0 0 92px}
.garantia .box{border-left:4px solid var(--mint);padding:8px 0 8px 26px}
.garantia h2{font-size:clamp(28px,3.6vw,42px);max-width:22ch}
.garantia p{color:var(--dim);font-size:18px;max-width:58ch}

/* cierre */
.close{background:var(--bg-2);text-align:center}
.close .big{font-size:clamp(30px,4.4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.1;max-width:22ch;margin:0 auto}
.close .sub{margin:22px auto 32px;color:var(--dim);font-size:19px}
.close .ctas{justify-content:center}

footer{border-top:1px solid var(--line);padding:34px 0 calc(34px + env(safe-area-inset-bottom,0px));color:var(--quiet);font-size:14px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer nav{display:flex;flex-wrap:wrap;gap:20px}
footer a{text-decoration:none}
footer a:hover{color:var(--paper)}

@media (max-width:560px){section{padding:68px 0}.ctas .btn{width:100%}}

/* ===== componentes de las páginas interiores ===== */

.sub-hero{padding:72px 0 40px}
.sub-hero h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.045em;line-height:1;margin-bottom:24px;max-width:18ch}
.sub-hero h1 .l2{display:block;color:var(--lila)}
.sub-hero p{font-size:clamp(18px,2vw,21px);color:var(--dim);max-width:60ch;margin-bottom:12px}
.ph-169{aspect-ratio:16/9;width:100%}
.ph-43{aspect-ratio:4/3;width:100%}
.ph-team{aspect-ratio:16/9;width:100%;margin-top:36px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.prose p{color:var(--dim);font-size:18px;max-width:62ch;margin-bottom:16px}
.prose p:last-child{margin-bottom:0}

/* verdad incómoda */
.truth{background:var(--bg-2)}
.truth p{font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:var(--dim);max-width:52ch;margin-bottom:22px}
.truth p strong{color:var(--paper)}
.truth p.last{color:var(--paper);font-weight:600}

/* días del reto */
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.day{background:var(--bg-3);border:1px solid var(--line);border-radius:20px;padding:26px 24px 24px;display:flex;flex-direction:column}
.day .n{font:500 13px/1 var(--mono);color:var(--lila);margin-bottom:18px}
.day h3{font-size:23px;letter-spacing:-.02em;line-height:1.15}
.day p{margin:12px 0 18px;color:var(--dim);font-size:16px}
.day .cnt{margin-top:auto;font:500 13px/1 var(--mono);color:var(--mint)}
@media (max-width:900px){.days{grid-template-columns:1fr}}

/* fundador */
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.founder .who{margin-top:16px;font-weight:700}
.founder .who span{display:block;font-weight:400;color:var(--quiet);font-size:15px}
@media (max-width:860px){.founder{grid-template-columns:1fr}}

/* oferta */
.offer{background:var(--bg-2)}
.offer-box{max-width:760px;margin:36px auto 0;background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:40px}
.urg{display:inline-block;font:500 13px/1.3 var(--mono);color:#11231A;background:var(--mint);padding:9px 13px;border-radius:999px;margin-bottom:22px}
.prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;margin-bottom:6px}
.prices s{font-size:26px;color:var(--rose);text-decoration-thickness:3px}
.prices strong{font-size:clamp(54px,8vw,84px);letter-spacing:-.05em;line-height:1}
.prices small{font-size:18px;color:var(--dim);font-weight:600}
.saves{color:var(--mint);font-weight:600;margin-bottom:26px}
.stack{list-style:none;margin:0 0 28px;border-top:1px solid var(--line)}
.stack li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;align-items:start}
.stack li .ic{color:var(--mint);font-weight:700}
.stack li.bono .ic{color:var(--lila)}
.stack li .v{font:500 14px/1.6 var(--mono);color:var(--quiet);white-space:nowrap}
.stack li b{color:var(--paper)}
.stack li span.d{color:var(--dim)}
.stack li.tot{grid-template-columns:28px 1fr auto;font-weight:700}
.stack li.tot .v{color:var(--paper)}
.offer-box .btn{width:100%;font-size:18px;padding:20px}
.pay{margin-top:14px;font-size:14px;color:var(--quiet);text-align:center}
.risk{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);font-size:16px}
.risk b{color:var(--paper)}
.credit{margin-top:12px;font-size:15px;color:var(--dim)}
@media (max-width:620px){.offer-box{padding:26px 20px}.stack li{grid-template-columns:22px 1fr;}.stack li .v{grid-column:2}}

/* FAQ */
.faq{margin-top:30px;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:19px;font-weight:700;letter-spacing:-.01em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:17px;font-size:28px;font-weight:400;color:var(--lila);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--dim);max-width:64ch}

/* cursos */
.pricebar{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pricebar span{border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:15px;color:var(--dim)}
.pricebar b{color:var(--paper);font-size:18px;margin-right:8px}
.series{margin-top:64px}
.series-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:22px}
.series-head h2{margin:0;font-size:clamp(26px,3.4vw,38px);max-width:none}
.series-head span{color:var(--quiet);font-size:15px}
.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.course{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.course .img{aspect-ratio:16/10;border-bottom:1px solid var(--line);border-radius:0;border-left:0;border-right:0;border-top:0}
.course .body{padding:24px 22px;display:flex;flex-direction:column;flex:1}
.course h3{font-size:24px;letter-spacing:-.02em;line-height:1.15}
.course .price{font-size:28px;font-weight:800;letter-spacing:-.03em;margin:8px 0 4px}
.course .tag{font-weight:700;color:var(--lila);margin-bottom:10px}
.course p{color:var(--dim);font-size:15.5px;margin-bottom:18px}
.course .when{font:500 13px/1.4 var(--mono);margin-bottom:16px}
.course .when.ok{color:var(--mint)}
.course .when.soon{color:var(--quiet)}
.course .btn{margin-top:auto}
.course.feat{border-color:var(--lila-strong)}
.morecourses{margin-top:18px;color:var(--quiet);font-size:15px}
@media (max-width:980px){.courses{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.courses{grid-template-columns:1fr}}

/* formularios */
.form{display:grid;gap:12px;max-width:520px;margin-top:22px}
.form label{font-size:14px;color:var(--dim)}
.form input,.form select{width:100%;font:500 16px/1.2 var(--sans);color:var(--paper);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:15px 16px}
.form input:focus,.form select:focus{outline:none;border-color:var(--lila)}
.form .btn{margin-top:6px}
.form .fine{font-size:13px;color:var(--quiet)}
.hp{position:absolute;left:-5000px}

/* metodología */
.capas{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;counter-reset:c}
.capas li{background:var(--bg-3);border:1px solid var(--line);border-radius:18px;padding:22px 20px 24px;counter-increment:c}
.capas li::before{content:counter(c,decimal-leading-zero);display:block;font:500 13px/1 var(--mono);color:var(--lila);margin-bottom:16px}
.capas li.new{border-color:rgba(142,139,240,.6)}
.capas h4{font-size:19px}
.capas p{margin-top:8px;color:var(--dim);font-size:15px}
.ia-line{margin-top:22px;color:var(--paper);font-size:18px}
.ia-line b{color:var(--lila)}
@media (max-width:980px){.capas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.capas{grid-template-columns:1fr}}
.believe{font-size:clamp(22px,2.8vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.3;max-width:34ch}
.world{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 28px}
.world div{border:1px solid var(--line);border-radius:18px;padding:22px}
.world span{display:block;font:500 13px/1 var(--mono);color:var(--rose);margin-bottom:12px}
.world q{font-size:20px;font-weight:600;color:var(--paper)}
.named{font-size:20px;color:var(--mint);font-weight:600}
@media (max-width:760px){.world{grid-template-columns:1fr}}

/* checklist */
.pruebas{list-style:none;counter-reset:p;margin-top:28px;max-width:760px}
.pruebas li{counter-increment:p;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line)}
.pruebas li::before{content:counter(p);width:40px;height:40px;border-radius:12px;background:var(--bg-3);display:grid;place-items:center;font:600 16px/1 var(--mono);color:var(--lila)}
.pruebas h4{font-size:19px}
.pruebas p{color:var(--dim);margin-top:6px;font-size:16px}
.palabras{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.palabras span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:500 14px/1 var(--mono);color:var(--paper)}

/* ===== Fórmula Viral ===== */
.fv-items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 8px}
.fv-item{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:22px 20px}
.fv-item .n{display:block;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--lila)}
.fv-item h4{margin:10px 0 6px;font-size:18px}
.fv-item p{color:var(--dim);font-size:15px}
.fv-form{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;padding:28px}
.fv-form h3{font-size:22px;margin-bottom:4px}
.fv-form .form{margin-top:14px;max-width:none}
@media (max-width:900px){.fv-items{grid-template-columns:1fr}}
.fv h1{font-size:clamp(40px,5.2vw,68px)}
.hero p.fv-note{font-size:15px;color:var(--quiet);margin:0}
.soon-btn{cursor:default;opacity:.55;margin-top:auto}
.soon-btn:hover{transform:none;border-color:var(--line)}
.course h3 + .tag{margin-top:8px}

/* ===== fotos reales ===== */
img.photo{display:block;width:100%;height:auto;object-fit:cover;border-radius:22px;border:1px solid var(--line)}
img.photo.ph-45{aspect-ratio:4/5;max-width:440px;margin:0 auto}
img.photo.ph-169,img.photo.ph-team{aspect-ratio:16/9}
.course img.img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}
@media (max-width:900px){img.photo.ph-45{max-width:360px}}
.course img.img{height:auto;flex:none}

/* ===== menú: siempre visible ===== */
.nav{display:flex;align-items:center;gap:26px;height:70px}
.logo{margin-right:auto}
.menu{display:flex;align-items:center;gap:22px}
.menu a.lnk{text-decoration:none;font-size:15px;color:var(--dim);white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.menu a.lnk:hover{color:var(--paper)}
.menu a.lnk.on{color:var(--paper);border-bottom-color:var(--lila)}
.navcta{padding:12px 16px;font-size:14px;border-radius:11px;white-space:nowrap}
.navcta .short{display:none}
@media (max-width:1100px){.navcta .long{display:none}.navcta .short{display:inline}}
/* celular y tablet: logo + botón arriba, menú completo en una segunda fila */
@media (max-width:900px){
  .nav{flex-wrap:wrap;height:auto;padding-top:12px;gap:10px 14px}
  .logo{font-size:20px}
  .menu{order:3;width:100%;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 12px;margin:0 -22px;padding-left:22px;padding-right:22px;width:calc(100% + 44px)}
  .menu::-webkit-scrollbar{display:none}
  .menu a.lnk{font-size:14px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--paper);background:var(--bg-2)}
  .menu a.lnk.on{background:var(--lila-strong);border-color:var(--lila-strong);color:#fff}
  .navcta{padding:10px 14px;font-size:13px}
}
.founder.solo{grid-template-columns:1fr;max-width:820px}
/* ajuste: en celular el menú se ve completo (sin desplazar) y el encabezado no se queda pegado */
@media (max-width:900px){
  header{position:static}
  .nav{flex-wrap:wrap}
  .menu{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 14px;width:100%}
}
@media (max-width:430px){
  .logo{font-size:18px}
  .navcta{padding:9px 12px;font-size:12.5px}
  .menu a.lnk{font-size:13.5px;padding:8px 12px}
}
.num strong{white-space:nowrap}
@media (max-width:430px){.num strong{font-size:34px}}

/* kit */
img.photo.kitimg{aspect-ratio:16/9;margin-top:26px}
.fv .hero-grid{align-items:start}
.fv .fv-form{margin-top:8px}

/* ===== menú móvil: botón "Menú" + panel completo ===== */
.menu-toggle,.menu-ctas{display:none}
@media (max-width:900px){
  header{position:sticky;top:0;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
  .nav{flex-wrap:nowrap;height:64px;padding-top:0;gap:12px}
  .logo{font-size:20px}
  .navcta{display:none}
  .menu-toggle{display:inline-flex;align-items:center;gap:10px;margin-left:auto;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--paper);font:600 15px/1 var(--sans);cursor:pointer}
  .menu-toggle .bars{position:relative;width:18px;height:12px;display:inline-block}
  .menu-toggle .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,top .2s ease}
  .menu-toggle .bars i:first-child{top:1px}
  .menu-toggle .bars i:last-child{top:9px}
  .menu-toggle .t-close{display:none}
  header.open .menu-toggle{background:var(--paper);color:var(--bg);border-color:var(--paper)}
  header.open .menu-toggle .bars i:first-child{top:5px;transform:rotate(45deg)}
  header.open .menu-toggle .bars i:last-child{top:5px;transform:rotate(-45deg)}
  header.open .menu-toggle .t-open{display:none}
  header.open .menu-toggle .t-close{display:inline}

  .menu{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:40;margin:0;width:auto;
        display:flex;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;
        padding:10px 22px calc(24px + env(safe-area-inset-bottom,0px));background:var(--bg);
        overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  header.open .menu{visibility:visible;opacity:1;transform:none}
  .menu a.lnk{display:flex;align-items:center;justify-content:space-between;font-size:26px;font-weight:700;letter-spacing:-.02em;
              padding:20px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--paper)}
  .menu a.lnk::after{content:"";width:8px;height:8px;border-radius:50%;background:transparent}
  .menu a.lnk.on{background:none;color:var(--lila)}
  .menu a.lnk.on::after{background:var(--lila)}
  .menu-ctas{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:28px}
  .menu-ctas .btn{width:100%;padding:18px 20px;font-size:16px}
  html.menu-abierto,html.menu-abierto body{overflow:hidden}
}
@media (max-width:430px){.logo{font-size:19px}.menu a.lnk{font-size:24px;padding:18px 2px}}
@media (max-width:900px){.menu a.lnk.on{border-bottom-color:var(--line)}.menu-ctas .btn{font-size:15px}}

/* ===== HOME v2 ===== */
.hero-v2{padding:56px 0 48px}
.hero-v2 .hero-sub{font-size:clamp(18px,2vw,21px);color:var(--dim);max-width:46ch;margin:0 0 26px}
.hero-v2 .hero-sub strong{color:var(--paper)}
.show-mobile{display:none}
.kitlink{display:inline-block;margin-top:16px}
.proofbar{padding:44px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proofbar .nums{margin-top:0}
.proofnote{margin-top:22px;color:var(--quiet);font-size:15px;max-width:62ch}
.problem h2{max-width:20ch}
.problem .lead{margin-bottom:14px}
.punch{margin-top:22px;font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.015em;max-width:40ch;color:var(--paper);border-left:4px solid var(--lila);padding-left:18px}
.offer-home{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:28px;padding:36px}
.offer-home .photo{aspect-ratio:16/9}
.checks{list-style:none;margin:18px 0 22px}
.checks li{position:relative;padding:10px 0 10px 30px;border-top:1px solid var(--line);color:var(--dim);font-size:16px}
.checks li b{color:var(--paper)}
.checks li::before{content:"✓";position:absolute;left:2px;top:9px;color:var(--mint);font-weight:700}
.price-line{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.price-line strong{font-size:52px;letter-spacing:-.04em;line-height:1}
.price-line span{color:var(--dim);font-weight:600}
.pay-note{margin-top:12px;font-size:14px;color:var(--quiet)}
.founder-mini{max-width:860px}
.founder-mini .who{margin:20px 0 10px;font-weight:700}
.founder-mini .who span{display:block;font-weight:400;color:var(--quiet);font-size:15px}
.kit-teaser{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.kit-teaser .lead{margin-bottom:22px}
.kit-teaser .photo{aspect-ratio:16/9}
.stickycta{display:none}
@media (max-width:900px){
  .offer-home,.kit-teaser{grid-template-columns:1fr;gap:26px;padding:22px}
  .kit-teaser{padding:0}
  .offer-home .offer-img{order:-1}
}
/* celular: arriba lo esencial, y tu foto a la vista desde el primer vistazo */
@media (max-width:640px){
  .hero-v2{padding:26px 0 36px}
  .hero-v2 .hero-grid{gap:22px}
  .hero-v2 .kicker{margin-bottom:10px}
  .hero-v2 h1{font-size:40px;line-height:1;margin-bottom:14px}
  .hero-v2 .hero-sub{font-size:16.5px;line-height:1.5;margin-bottom:18px}
  .hero-v2 .ctas .btn{width:100%;padding:16px 18px}
  .hide-mobile{display:none}
  .show-mobile{display:inline-block}
  .kitlink{margin-top:12px;font-size:15px}
  .hero-v2 .photo.ph-45{max-width:none;aspect-ratio:1/1;object-position:50% 38%;border-radius:20px}
  .proofbar{padding:34px 0 40px}
  .price-line strong{font-size:44px}
  .stickycta{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;
             background:rgba(29,28,36,.96);border:1px solid var(--line);border-radius:16px;padding:10px 10px 10px 16px;box-shadow:0 12px 30px -12px rgba(0,0,0,.7);
             transform:translateY(140%);transition:transform .25s ease}
  .stickycta.on{transform:none}
  .stickycta .sc-t{font-size:14px;color:var(--dim)}
  .stickycta .sc-t b{color:var(--paper)}
  .stickycta .btn{padding:12px 18px;font-size:15px;border-radius:11px}
  html.menu-abierto .stickycta{display:none}
}
@media (max-width:640px){
  .hero-v2{padding-top:16px}
  .hero-v2 .hero-grid{display:flex;flex-direction:column;gap:20px}
  .hero-v2 .hero-photo{order:-1}
  .hero-v2 .photo.ph-45{aspect-ratio:16/10;object-position:50% 40%}
  .hero-v2 h1{font-size:38px}
}
@media (max-width:640px){.hero-v2 .photo.ph-45{aspect-ratio:16/9;object-position:50% 38%}.hero-v2 .hero-grid{gap:16px}.hero-v2 .kicker{display:none}}
.kitlink.show-mobile{display:none}
@media (max-width:640px){.kitlink.show-mobile{display:inline-block}}

/* ===== respaldo de agencia ===== */
.ig{font-weight:600;color:var(--lila);text-decoration:none;margin-left:6px;font-size:.95em}
.ig:hover{text-decoration:underline}
.agency{margin-top:6px}
.agency-p{color:var(--dim);font-size:18px;line-height:1.6;max-width:64ch}
.agency-p strong{color:var(--paper)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding:0}
.chips li{font:500 13px/1 var(--mono);color:var(--paper);border:1px solid var(--line);background:var(--bg-2);border-radius:999px;padding:9px 13px}
.agency-line{margin-top:16px;font-size:15px;color:var(--quiet)}
.agency-line strong{color:var(--dim)}
.agencybtn{margin-top:16px}
@media (max-width:640px){.agency-p{font-size:16.5px}.chips li{font-size:12px;padding:8px 11px}}
img.photo.ph-11{aspect-ratio:1/1;max-width:500px;margin:0 auto}
@media (max-width:900px){img.photo.ph-11{max-width:420px}}

/* ===== /viral-boost v2 ===== */
.micro-proof{margin-top:14px;font:500 13px/1.4 var(--mono);color:var(--quiet)}
.hero-v2 p.micro-proof{font-size:13px;color:var(--quiet);margin-bottom:0}
.future{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.fcard{background:var(--bg-2);border:1px solid var(--line);border-left:4px solid var(--lila);border-radius:18px;padding:22px 22px 24px}
.fcard .fk{display:block;font:500 13px/1.3 var(--mono);color:var(--lila);margin-bottom:12px}
.fcard p{color:var(--paper);font-size:17px;line-height:1.5}
.identity{margin-top:34px;font-size:clamp(22px,2.8vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--dim);max-width:34ch}
.identity strong{color:var(--paper);display:block}
@media (max-width:900px){.future{grid-template-columns:1fr}}
@media (max-width:640px){
  .vb-hero .kicker{display:none}
  .vb-hero .photo.ph-11{max-width:none;aspect-ratio:1/1;border-radius:20px}
}
@media (max-width:640px){.hero-v2:not(.vb-hero) .photo.ph-45{aspect-ratio:4/3;object-position:50% 14%}}
@media (max-width:640px){
  .hero-v2:not(.vb-hero) .photo.ph-45{aspect-ratio:16/10;object-position:50% 16%}
  .vb-hero .hero-sub{display:none}
  .vb-hero h1{font-size:34px;margin-bottom:16px}
}

/* ===== /viral-boost v3: secciones con diseño ===== */
.truth2{background:var(--bg-2)}
.t2-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.statmock{background:var(--bg);border:1px solid var(--line);border-radius:26px;padding:26px 24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);max-width:380px;width:100%;justify-self:center;transform:rotate(-2deg)}
.sm-top{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--mono);color:var(--quiet)}
.sm-dot{width:9px;height:9px;border-radius:50%;background:var(--rose)}
.sm-big{margin:18px 0 6px;display:flex;align-items:baseline;gap:10px}
.sm-big strong{font-size:84px;line-height:.9;letter-spacing:-.05em;color:var(--paper)}
.sm-big span{color:var(--dim);font-weight:600}
.sm-line{width:100%;height:60px;color:var(--rose);opacity:.85;margin:6px 0 10px}
.sm-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:15px;color:var(--dim)}
.sm-row b{color:var(--paper);font-family:var(--mono)}
.sm-note{margin-top:14px;font:500 13px/1.4 var(--mono);color:var(--rose)}
.t2-copy h2{max-width:17ch}
.t2-line{font-size:18px;color:var(--dim);margin-bottom:12px;max-width:52ch}
.t2-line strong{color:var(--paper)}
.t2-punch{margin-top:20px;font-size:clamp(20px,2.3vw,25px);font-weight:700;letter-spacing:-.015em;color:var(--paper);border-left:4px solid var(--lila);padding-left:18px;max-width:34ch}

.twoways h2{margin-bottom:26px}
.tw-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tw{border-radius:24px;padding:30px 28px;display:flex;flex-direction:column;gap:16px}
.tw p{font-size:clamp(19px,2vw,22px);line-height:1.4;font-weight:600;letter-spacing:-.01em}
.tw-tag{font:500 13px/1 var(--mono)}
.tw-a{background:var(--bg-2);border:1px solid var(--line);opacity:.75}
.tw-a .tw-tag{color:var(--quiet)}
.tw-a p{color:var(--dim);text-decoration:line-through;text-decoration-color:rgba(232,138,138,.7);text-decoration-thickness:2px}
.tw-b{background:linear-gradient(160deg,rgba(110,107,232,.28),rgba(110,107,232,.06));border:1px solid var(--lila-strong);box-shadow:0 20px 50px -25px rgba(110,107,232,.7)}
.tw-b .tw-tag{color:var(--lila)}
.tw-b p{color:var(--paper)}
.tw-b .btn{align-self:flex-start}
.tw-note{margin-top:16px;color:var(--quiet);font-style:italic}

.ba{margin-top:30px;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.ba-head,.ba-row{display:grid;grid-template-columns:1fr 1fr}
.ba-head span{padding:16px 22px;font:500 13px/1 var(--mono)}
.ba-head span:first-child{color:var(--rose);background:rgba(232,138,138,.08)}
.ba-head span:last-child{color:var(--mint);background:rgba(127,209,168,.08)}
.ba-row{border-top:1px solid var(--line)}
.ba-b,.ba-a{padding:20px 22px;font-size:16.5px;line-height:1.5}
.ba-b{color:var(--quiet);background:rgba(0,0,0,.15)}
.ba-a{color:var(--paper);background:rgba(127,209,168,.04)}
.ba-b b,.ba-a b{display:block;font:500 12.5px/1.3 var(--mono);margin-bottom:6px}
.ba-b b{color:var(--quiet)}
.ba-a b{color:var(--mint)}

.route{list-style:none;margin:34px 0 0;padding:0;position:relative}
.route::before{content:"";position:absolute;left:37px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--lila),var(--mint))}
.route li{display:grid;grid-template-columns:76px 1fr;gap:22px;margin-bottom:22px;position:relative}
.r-num{width:76px;height:76px;border-radius:50%;background:var(--bg);border:2px solid var(--lila);display:grid;place-items:center;font:700 24px/1 var(--sans);color:var(--paper);position:relative;z-index:1}
.route li:last-child .r-num{border-color:var(--mint)}
.r-body{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.r-day{font:500 13px/1 var(--mono);color:var(--lila)}
.r-body h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em;margin:10px 0 8px}
.r-body p{color:var(--dim);font-size:16px}
.r-out{display:inline-block;margin-top:14px;font:500 13px/1.3 var(--mono);color:#11231A;background:var(--mint);padding:8px 12px;border-radius:999px}

.who2{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.who2 .photo{aspect-ratio:4/5;object-fit:cover;object-position:55% 40%}
.who2 .lead{margin-bottom:14px}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.tile{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:18px}
.tile strong{display:block;font-size:34px;letter-spacing:-.04em;line-height:1}
.tile span{display:block;margin-top:8px;color:var(--dim);font-size:14px}

@media (max-width:900px){
  .t2-grid,.who2{grid-template-columns:1fr;gap:34px}
  .statmock{transform:none}
  .tw-grid{grid-template-columns:1fr}
  .ba-head{display:none}
  .ba-row{grid-template-columns:1fr}
  .ba-b{padding-bottom:12px}
  .ba-a{padding-top:12px;border-top:1px dashed var(--line)}
  .who2 .photo{aspect-ratio:16/10}
}
@media (max-width:560px){
  .route::before{left:23px}
  .route li{grid-template-columns:48px 1fr;gap:12px}
  .r-num{width:48px;height:48px;font-size:17px}
  .r-body{padding:18px}
  .sm-big strong{font-size:70px}
}
@media (max-width:900px){.ba-b b::before{content:"Hoy · "}.ba-a b::before{content:"Después del Reto · "}}

.nums{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.nums{grid-template-columns:1fr 1fr}.nums .num:last-child{grid-column:1/-1}}
.tiles{grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.tiles{grid-template-columns:1fr 1fr}.tiles .tile:first-child{grid-column:1/-1}}

/* ===== VSL en /viral-boost ===== */
.vsl-hero{padding:56px 0 64px;text-align:center}
.vsl-hero h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.045em;line-height:1;margin:0 auto 18px;max-width:16ch}
.vsl-hero h1 .l2{display:block;color:var(--lila)}
.vsl-hero .hero-sub{font-size:clamp(17px,2vw,20px);color:var(--dim);max-width:52ch;margin:0 auto 30px}
.vsl-hero .hero-sub strong{color:var(--paper)}
.vsl-frame{position:relative;max-width:920px;margin:0 auto;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:0 30px 80px -30px rgba(110,107,232,.55)}
.vsl-frame iframe,.vsl-frame video,.vsl-frame > div:not(.vsl-poster){position:absolute;inset:0;width:100%;height:100%;border:0}
.vsl-frame vturb-smartplayer{position:absolute!important;inset:0;width:100%!important;height:100%;margin:0!important}
.vsl-poster{position:absolute;inset:0;background-size:cover;background-position:center}
.vsl-poster::before{content:"";position:absolute;inset:0;backdrop-filter:blur(26px) brightness(.45);-webkit-backdrop-filter:blur(26px) brightness(.45)}
.vsl-poster img{position:relative;height:100%;width:auto;margin:0 auto;display:block}
.vsl-cta{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:12px}
.btn-buy{font-size:19px;padding:20px 34px;min-width:min(420px,100%);text-transform:none;box-shadow:0 16px 40px -18px rgba(110,107,232,.9)}
.vsl-cta .micro-proof{margin:0}
@media (max-width:640px){
  .vsl-hero{padding:22px 0 44px}
  .vsl-hero .kicker{display:none}
  .vsl-hero h1{font-size:34px;margin-bottom:12px}
  .vsl-hero .hero-sub{font-size:15.5px;margin-bottom:18px}
  .vsl-frame{border-radius:16px;margin:0 -8px}
  .btn-buy{width:100%;font-size:17px;padding:18px 20px}
}
.vsl-poster{background-size:cover;background-position:center}
.vsl-poster::before{backdrop-filter:none;-webkit-backdrop-filter:none;inset:-60px;background:inherit;filter:blur(34px) brightness(.35)}
.vsl-hero{padding-top:40px}
.vsl-hero h1{font-size:clamp(38px,4.4vw,58px);max-width:20ch}
.vsl-hero .hero-sub{max-width:64ch;margin-bottom:24px}
.vsl-frame{max-width:760px}
@media (max-width:640px){.vsl-hero{padding-top:20px}.vsl-hero h1{font-size:34px}}

.vsl-sec{text-align:center;background:var(--bg-2)}
.vsl-sec h2{margin:0 auto 26px;max-width:22ch}
.vsl-sec .vsl-frame{max-width:860px}
@media (max-width:640px){.vsl-sec .vsl-frame{margin:0 -8px}}

/* foto horizontal en Metodología */
img.photo.metod-img{aspect-ratio:16/9;object-fit:cover;object-position:50% 34%;margin-top:34px;max-width:none}
/* VSL vacío con play */
.vsl-empty{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,#23222c 0%,#121117 100%)}
.vsl-play{width:92px;height:92px;border-radius:50%;background:var(--lila-strong);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(110,107,232,.18),0 20px 40px -12px rgba(110,107,232,.8)}
.vsl-play::before{content:"";margin-left:7px;border-left:28px solid #fff;border-top:17px solid transparent;border-bottom:17px solid transparent}
@media (max-width:640px){.vsl-play{width:70px;height:70px}.vsl-play::before{border-left-width:22px;border-top-width:13px;border-bottom-width:13px;margin-left:5px}}

/* botón "Mira el video" en el hero */
.btn-video{gap:10px}
.btn-video .pl{width:26px;height:26px;border-radius:50%;background:var(--lila-strong);display:inline-grid;place-items:center;flex:none}
.btn-video .pl::before{content:"";margin-left:3px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
#vsl,#oferta{scroll-margin-top:80px}
@media (max-width:640px){.vb-hero .ctas .btn-video{width:100%}}

/* ===== /viral-boost · cambios del 14 oct 2026 (auditoría) ===== */
/* B1 · el subtítulo del hero también se ve en celular */
@media (max-width:640px){.vb-hero .hero-sub{display:block;font-size:15px;line-height:1.45;margin:0 0 14px}}
@media (max-width:400px){.vb-hero h1{font-size:30px;margin-bottom:12px}}
@media (max-width:640px) and (max-height:700px){.vb-hero .photo.ph-11{width:84%;margin-left:auto;margin-right:auto;display:block}}
/* B2 · lo que te llevas */
.logros-grid{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.logro{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:24px 22px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.lg-day{font:500 12.5px/1 var(--mono);color:var(--lila)}
.logro h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;margin:0;color:var(--paper)}
.logro p{margin:0;color:var(--dim);font-size:15.5px;line-height:1.5}
.logros-foot{margin-top:26px;font-size:18px;color:var(--dim);max-width:62ch}
.logros-foot strong{color:var(--paper)}
@media (max-width:980px){.logros-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.logros-grid{grid-template-columns:1fr}}
/* A4 · precio sin tachar */
.prices .hoy{font:500 14px/1 var(--mono);color:var(--lila);align-self:center;text-transform:uppercase;letter-spacing:.06em}
/* B10 · cierre con las dos opciones */
.tw-close{border-top:1px solid var(--line)}
.tw-kit{margin-top:22px;color:var(--dim)}
.tw-kit a{color:var(--lila);font-weight:600}
/* C3 · firma en su propia línea */
.who2 .who{margin-top:18px;font-weight:700}
.who2 .who span{display:block;font-weight:400;color:var(--quiet);font-size:15px}

/* ===== /viral-boost v5 (18 oct 2026): el VSL en la primera pantalla ===== */
.vb-top{padding:36px 0 56px;text-align:center}
.vb-top .kicker{margin-bottom:14px}
.vb-top h1{font-size:clamp(26px,3.1vw,40px);font-weight:700;line-height:1.14;letter-spacing:-.03em;max-width:28ch;margin:0 auto 12px;color:var(--paper);text-wrap:balance}
.vb-top h1 .l2{color:var(--lila)}
.vb-top .top-sub{font-size:clamp(16px,1.7vw,18px);color:var(--dim);max-width:56ch;margin:0 auto 24px}
.vb-top .vsl-frame{max-width:880px;margin:0 auto}
.vb-top .vsl-cta{margin-top:22px}
@media (max-width:640px){
  .vb-top{padding:18px 0 36px}
  .vb-top .kicker{margin-bottom:10px;font-size:12px}
  .vb-top h1{font-size:25px;line-height:1.16;margin-bottom:10px}
  .vb-top .top-sub{font-size:15px;margin-bottom:16px}
  .vb-top .vsl-frame{margin:0 -8px;border-radius:16px}
  .vb-top .vsl-cta{margin-top:18px}
}
.offer-box .offer-img{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0 auto 26px;border-radius:20px;border:1px solid var(--line)}
.ps{max-width:62ch;margin:30px auto 0;color:var(--dim);font-size:17px;text-align:left;border-top:1px solid var(--line);padding-top:22px}
.ps b{color:var(--paper)}

.sec-cta{margin-top:30px}
@media (min-width:900px){.vb-top .vsl-frame{width:max(560px, min(880px, calc((100vh - 480px) * 16 / 9)))}}

/* ===== /viral-boost v6 (18 oct 2026): la ciencia detrás ===== */
.ciencia{border-bottom:1px solid var(--line)}
.ciencia h2{max-width:24ch}
.cz-path{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:none}
.cz-step{position:relative;padding:30px 28px 0 0;border-top:2px solid var(--lila);min-width:0}
.cz-step::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--lila)}
.cz-step.cz-last{border-top-color:var(--mint)}
.cz-step.cz-last::before{background:var(--mint)}
.cz-num{display:block;font:500 13px/1 var(--mono);color:var(--lila);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.cz-last .cz-num{color:var(--mint)}
.cz-step p{margin:0;font-size:clamp(19px,1.9vw,22px);line-height:1.38;font-weight:600;letter-spacing:-.015em;color:var(--paper);max-width:26ch}
.cz-close{margin-top:46px;font-size:clamp(18px,2vw,20px);color:var(--dim);max-width:60ch;border-left:4px solid var(--lila);padding-left:18px}
@media (max-width:760px){
  .cz-path{grid-template-columns:1fr;margin-top:34px}
  .cz-step{border-top:0;border-left:2px solid var(--lila);padding:0 0 30px 26px}
  .cz-step::before{top:2px;left:-7px}
  .cz-step.cz-last{border-left-color:transparent;padding-bottom:0}
  .cz-step p{max-width:none}
  .cz-close{margin-top:30px}
}

/* ===== v10 (21 oct 2026): precio en pesos ===== */
.stickycta .btn{white-space:nowrap;flex-shrink:0}
.stickycta .sc-t{min-width:0}
@media (max-width:380px){.stickycta .sc-t{font-size:13px}.stickycta .btn{padding:12px 14px}}

/* ===== v13 · barra de promoción LANZAMIENTO30 (la muestra /assets/promo.js) ===== */
.promo{background:var(--rose);color:#1E0E12}
.promo-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding-top:9px;padding-bottom:9px;text-align:center}
.promo-main{font-size:15px;line-height:1.3}
.promo-main b{font-weight:800}
.promo-code{font:600 13px/1 var(--mono);letter-spacing:.04em;background:#1E0E12;color:#FFE9E9;border:0;border-radius:7px;padding:7px 10px;cursor:pointer;position:relative}
.promo-code[data-copied]::after{content:"Copiado";position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);font:600 11px/1 var(--sans);background:#1E0E12;color:#FFE9E9;padding:5px 7px;border-radius:6px;white-space:nowrap}
.promo-time{font-size:14px}
.promo-time b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}
.promo-sub{flex-basis:100%;font-size:12.5px;opacity:.85;margin-top:-2px}
html.menu-abierto .promo{display:none}
.offer .prices .was{color:var(--quiet);font-size:26px;font-weight:600;margin-right:10px;text-decoration-thickness:2px}
@media (max-width:430px){
  .promo-in{gap:5px 10px;padding-top:8px;padding-bottom:8px}
  .promo-main{font-size:14px}
  .promo-time{font-size:13px}
  .promo-sub{font-size:12px}
}

/* ===== v13 · landing apretada: prueba, problema+ciencia, lo que cambia, ruta ===== */
.proof2{padding:56px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof2 .reels-head h2{max-width:22ch}
.reel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:26px -22px 30px;padding:0 22px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reel-track::-webkit-scrollbar{display:none}
.reel{flex:0 0 min(62vw,250px);aspect-ratio:9/16;position:relative;margin:0;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line);scroll-snap-align:start;cursor:pointer}
.reel video{width:100%;height:100%;object-fit:cover;display:block}
.reel-views{position:absolute;left:10px;top:10px;font:800 15px/1 var(--sans);letter-spacing:-.01em;background:rgba(10,10,14,.72);color:#fff;padding:8px 11px;border-radius:999px}
.reel-views small{font-weight:500;font-size:12px;opacity:.85;margin-left:3px}
.reel figcaption{position:absolute;left:10px;right:10px;bottom:10px;font:500 12px/1.35 var(--mono);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.reel-sound{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(10,10,14,.72);color:#fff;display:grid;place-items:center;pointer-events:none}
.reel-sound svg{width:17px;height:17px}
.reel .on-ico{display:none}.reel.sound .on-ico{display:block}.reel.sound .off-ico{display:none}
.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.stats4 strong{display:block;font-size:clamp(34px,4.6vw,56px);letter-spacing:-.045em;line-height:1;white-space:nowrap}
.stats4 span{display:block;margin-top:8px;color:var(--dim);font-size:14px}
@media (max-width:760px){.stats4{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}
.cz-tight{margin:18px 0 22px}
.cz-tight .cz-step p{font-size:17px}
.cambia h2{max-width:20ch}
.vs2{margin-top:30px;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.vs2-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.vs2-row:first-child{border-top:0}
.vs2-row span{padding:16px 20px;font-size:16px;line-height:1.4}
.vs2-row span:first-child{color:var(--quiet);border-right:1px solid var(--line)}
.vs2-row span:last-child{color:var(--paper);font-weight:600;background:rgba(127,209,168,.06)}
.vs2-row span:last-child::before{content:"✓ ";color:var(--mint);font-weight:700}
.vs2-head span{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-top:14px;padding-bottom:14px}
.vs2-head span:first-child{color:var(--rose)}
.vs2-head span:last-child{color:var(--mint);background:rgba(127,209,168,.1)}
.vs2-head span:last-child::before{content:""}
@media (max-width:560px){.vs2-row span{padding:13px 14px;font-size:14.5px}}
.route-foot{margin-top:6px;color:var(--dim);max-width:60ch}
@media (max-width:560px){
  .statmock{max-width:300px;padding:20px 18px;transform:rotate(-1.5deg)}
  .sm-big strong{font-size:64px}
  .sm-line{height:44px}
  .t2-grid{gap:34px}
}