/* Landing de la masterclass — se carga después de styles.css y premium.css */
.topbar{background:linear-gradient(90deg,#071a33,#0e2a52,#071a33);border-bottom:1px solid var(--glass-line);text-align:center;padding:9px 16px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}
.topbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d4d;margin-right:.7em;vertical-align:.05em;animation:lpPulse 1.8s infinite}
@keyframes lpPulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.65)}70%{box-shadow:0 0 0 10px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}
.nav .wrap{height:64px}
.nav .btn-sm{display:inline-flex}
@media(max-width:560px){.nav .btn-sm{display:none}}

/* hero */
.lp-hero{padding-bottom:clamp(110px,12vw,170px)}
.lp-hero::after{display:none}
.lp-hero h1{font-size:clamp(3.4rem,8.4vw,6.8rem);line-height:.86}
.lp-hero h1 .acc{display:block;font-size:.8em;margin-top:.06em}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.chip{display:inline-flex;align-items:center;gap:.6em;padding:.55em 1em;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);font-weight:700;font-size:.92rem}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--gold-bright)}
.chip .dot.live{background:#ff4d4d;animation:lpPulse 1.8s infinite}
.tz{max-width:520px;margin:0 0 28px;padding:6px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--glass-line)}
.tz div{display:flex;gap:16px;align-items:baseline;padding:11px 0;border-top:1px solid var(--glass-line);font-size:.95rem;color:var(--muted)}
.tz div:first-child{border-top:0}
.tz b{flex:none;min-width:4.6em;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.02em;color:var(--gold-bright)}
.tz-local{max-width:520px;margin:-12px 0 24px;font-size:.92rem;color:var(--gold-bright)}
.micro{margin-top:12px;font-size:.9rem;color:var(--muted)}
.lp-cd{
  position:absolute;left:50%;bottom:-52px;transform:translateX(-50%);width:min(94%,440px);z-index:4;padding:16px 18px 14px;border-radius:18px;
  background:linear-gradient(180deg,rgba(14,32,62,.92),rgba(7,26,51,.94));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(232,203,106,.45);box-shadow:var(--deep);text-align:center;
}
.lp-cd p{margin:0 auto 10px;font-size:.74rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright)}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cd div{padding:10px 4px 8px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--glass-line)}
.cd b{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(1.9rem,4.2vw,2.5rem);line-height:1;font-variant-numeric:tabular-nums;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd span{display:block;margin-top:4px;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(max-width:980px){.lp-hero .wrap{grid-template-columns:1fr}.lp-cd{position:relative;left:auto;bottom:auto;transform:none;margin:-34px auto 0}.lp-hero{padding-bottom:84px}}

/* dolor */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.pain{position:relative;background:#fff;border:1px solid rgba(16,38,74,.07);border-radius:6px 22px 6px 22px;padding:clamp(26px,3vw,38px);box-shadow:0 34px 64px -42px rgba(10,31,61,.55)}
.pain .x{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(201,58,58,.1);color:var(--bad);margin-bottom:18px}
.pain .x .ic{width:20px;height:20px}
.pain p{color:var(--ink-soft);font-size:1.02rem}
.pain strong{color:var(--ink)}
@media(max-width:900px){.pain-grid{grid-template-columns:1fr}}

/* módulos */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mod{position:relative;overflow:hidden;padding:30px 26px 30px;border:1px solid var(--glass-line);border-radius:6px 22px 6px 22px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015));transition:transform .35s var(--ease),background .3s}
.mod::before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:var(--gold-grad)}
.mod:hover{transform:translateY(-5px);background:linear-gradient(180deg,rgba(232,203,106,.14),rgba(232,203,106,.03))}
.mod .n{display:block;font-family:var(--font-display);font-weight:900;font-size:4.2rem;line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--gold-bright);margin-bottom:14px}
.mod .k{display:block;margin-bottom:6px;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright)}
.mod h3{font-size:1.6rem;text-transform:none;line-height:1.02;margin-bottom:10px}
.mod p{color:var(--muted);font-size:.98rem}
.mod.live{background:linear-gradient(160deg,rgba(232,203,106,.95),rgba(201,162,39,.9));border-color:transparent;color:#0a1f3d}
.mod.live::before{display:none}
.mod.live .k{color:#0a1f3d;opacity:.8}.mod.live p{color:rgba(10,31,61,.8)}
.mod.live .n{-webkit-text-stroke-color:#0a1f3d}
@media(max-width:980px){.mods{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mods{grid-template-columns:1fr}}

/* malentendidos */
.clear{max-width:860px;margin:0 auto;padding:clamp(30px,4vw,52px);border-radius:26px;background:radial-gradient(600px 300px at 100% 0%,rgba(232,203,106,.16),transparent 65%),linear-gradient(160deg,#10305c,#071a33);border:1px solid rgba(232,203,106,.4);box-shadow:var(--deep)}
.clear h2{font-size:clamp(2rem,4.6vw,3.2rem);margin-bottom:22px}
.clear ul{list-style:none}
.clear li{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--glass-line);font-size:1.08rem}
.clear li .ic{margin-top:.25em;width:1.25rem;height:1.25rem}
.clear li.no .ic{color:var(--bad-dark)}.clear li.ok .ic{color:var(--ok-dark)}.clear li.ok{font-weight:700}

/* anfitrión */
.host{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:center}
.host-photo{position:relative;border-radius:8px 28px 28px 28px;overflow:hidden;border:1px solid rgba(134,98,15,.5);box-shadow:0 44px 80px -48px rgba(10,31,61,.7),0 0 0 10px rgba(201,162,39,.08)}
.host-photo img{width:100%;height:auto;aspect-ratio:1/1.05;object-fit:cover;object-position:50% 100%}
.host h2{margin:10px 0 16px}
.host p{color:var(--ink-soft);font-size:1.12rem}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.st{padding:22px 22px 20px;border-radius:6px 20px 6px 20px;background:#fff;border:1px solid rgba(16,38,74,.08);box-shadow:0 30px 54px -40px rgba(10,31,61,.55)}
.st b{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,5vw,3.6rem);line-height:.95;color:var(--ink)}
.st span{display:block;margin-top:8px;font-size:.92rem;color:var(--ink-soft);line-height:1.4}
@media(max-width:860px){.host{grid-template-columns:1fr}.host-photo{max-width:360px}}

/* testimonios */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.quote{padding:26px;border-radius:6px 20px 6px 20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--glass-line);border-top:3px solid var(--gold)}
.quote p{font-size:1.04rem;line-height:1.55}
.quote cite{display:block;margin-top:14px;font-style:normal;font-weight:800;color:var(--gold-bright);font-size:.92rem}
.gallery{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) var(--navy-3)}
.gallery figure{flex:0 0 clamp(210px,24vw,260px);scroll-snap-align:start;margin:0;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--glass-line)}
.gallery button{display:block;width:100%;padding:0;border:0;background:#000;cursor:zoom-in}
.gallery img{width:100%;height:auto;display:block}
.g-nav{display:flex;gap:10px;justify-content:flex-end;margin:6px 0 4px}
.g-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:#fff;font-size:1.3rem;cursor:pointer;transition:border-color .2s,background .2s}
.g-nav button:hover{border-color:var(--gold);background:rgba(201,162,39,.14)}
@media(max-width:900px){.quotes{grid-template-columns:1fr}}

/* recurso + herramientas */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 26px}
.feat div{padding:28px 26px;border-radius:6px 22px 6px 22px;background:#fff;border:1px solid rgba(16,38,74,.08);box-shadow:0 34px 64px -44px rgba(10,31,61,.55)}
.feat strong{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;line-height:1.02;color:var(--ink);margin-bottom:10px}
.feat span{color:var(--ink-soft)}
@media(max-width:900px){.feat{grid-template-columns:1fr}}
.tools-lp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tl{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:6px 20px 6px 20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--glass-line);text-decoration:none;color:inherit;transition:transform .35s var(--ease),border-color .3s}
.tl:hover{transform:translateY(-4px);border-color:rgba(232,203,106,.55)}
.tl b{font-family:var(--font-display);text-transform:uppercase;font-size:1.45rem;line-height:1}
.tl span{color:var(--muted);font-size:.95rem;flex:1}
.tl em{font-style:normal;font-weight:800;color:var(--gold-bright);display:inline-flex;gap:.5em;align-items:center}
@media(max-width:980px){.tools-lp{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tools-lp{grid-template-columns:1fr}}

/* registro */
.reg{max-width:760px;margin:0 auto;padding:clamp(28px,4vw,52px);border-radius:28px;background:radial-gradient(640px 320px at 100% 0%,rgba(232,203,106,.18),transparent 65%),linear-gradient(160deg,#10305c,#071a33);border:1px solid rgba(232,203,106,.5);box-shadow:var(--deep),0 0 0 8px rgba(232,203,106,.04)}
.reg h2{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:8px}
.reg .sub{color:var(--muted);margin-bottom:24px}
.step-tag{display:inline-block;margin:0 0 12px;padding:.35em .9em;border-radius:999px;background:var(--gold-grad);color:#0a1f3d;font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.reg .wl-form{margin-top:0}
.paso2{display:none;margin-top:28px;padding-top:26px;border-top:1px solid var(--glass-line)}
.paso2.visible{display:block;animation:lpIn .6s var(--ease)}
@keyframes lpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.paso2 p{margin-bottom:16px;color:var(--muted)}
.paso2 .btn{width:100%}
.cal-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cal-row .btn{width:auto;flex:1 1 200px;min-height:46px;font-size:.92rem}
.consent{margin-top:20px;font-size:.82rem;color:var(--muted);opacity:.85}
.fallback{margin-top:14px;font-size:.9rem;color:var(--muted)}
.fallback a{color:var(--gold-bright);font-weight:700}

/* cierre y pie */
.lp-final{text-align:center}
.lp-final h2{max-width:none;margin:0 auto 20px}
.lp-final .lead{margin:0 auto 30px}
.lp-final .cta-row{justify-content:center}
.lp-foot{background:#040e1d;border-top:1px solid var(--glass-line);padding:44px 0 110px;color:var(--muted);font-size:.9rem;text-align:center}
.lp-foot a{color:var(--muted)}
.lp-foot a:hover{color:var(--gold)}
.lp-foot p+p{margin:10px auto 0}
.lp-foot p{max-width:70ch;margin-left:auto;margin-right:auto}

/* botón flotante de WhatsApp */
.wa-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(0,0,0,.55);transition:transform .25s var(--ease),bottom .3s var(--ease)}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:32px;height:32px;fill:#fff}
@media(max-width:760px){.sticky-cta.show ~ .wa-float{bottom:calc(88px + env(safe-area-inset-bottom))}}

/* entradas al hacer scroll */
.reveal{opacity:0;transform:perspective(1200px) translateY(46px) rotateX(10deg) scale(.96);transform-origin:50% 100%;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.topbar i,.chip .dot.live{animation:none}.paso2.visible{animation:none}}

/* formulario de Beacons a todo el ancho de la tarjeta */
#beacons-box .mx-auto{width:100%!important;max-width:none!important;align-items:stretch!important}
#beacons-box [class*="desktop:flex-row"]{flex-direction:column!important}
#beacons-box .beacons-embed-description{display:none}
#beacons-box .beacons-embed-text{font-size:1.05rem!important;text-align:left!important}

/* 27-oct-2026: tarjeta "malentendidos" dentro de .paper heredaba texto oscuro sobre fondo azul */
.clear{color:var(--paper)}