:root{font-family:Poppins,Inter,system-ui,Arial,sans-serif;color:#00333f;background:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.hero{background:#00333f;color:#fff;padding:clamp(32px,6vw,95px);display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.brand{font-weight:850;font-size:27px;letter-spacing:-1px}.brand:before{content:'♟';font-size:35px;margin-right:10px}.hero-content .eyebrow{color:#1b94a8}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#1b94a8}.hero h1{font-size:clamp(43px,5vw,80px);line-height:1.06;letter-spacing:-3px;max-width:490px;font-weight:550;margin:28px 0}.hero p{color:#b8d5da;line-height:1.8;max-width:460px}.signature{border-left:2px solid #ea78df;padding-left:16px;font-size:14px}.signature span{display:block;color:#b8d5da;margin-top:5px}.login-area{display:flex;align-items:center;justify-content:center;padding:40px 30px}.form-wrap{width:min(100%,430px)}h2{font-size:clamp(32px,3.1vw,43px);letter-spacing:-1.5px;line-height:1.14;margin:24px 0 17px}.subhead{color:#6a8790;line-height:1.75;margin-bottom:35px}label{display:block;font-weight:600;font-size:14px;margin:20px 0 8px}input{width:100%;padding:17px 16px;border:1px solid #cbdbe0;border-radius:6px;outline:none;color:#00333f}input:focus{border-color:#1b94a8;box-shadow:0 0 0 3px #1b94a822}.primary{background:#00333f;color:white;border:0;border-radius:6px;width:100%;padding:17px 18px;font-weight:700;margin-top:24px}.primary:hover{background:#065166}.primary:disabled{opacity:.5;cursor:not-allowed}.small-link{display:block;text-align:center;margin-top:20px;color:#688894;font-size:13px;text-decoration:none}.error{border-left:3px solid #e5851c;padding:4px 12px;margin-top:20px;font-size:14px;line-height:1.5}.note{font-size:12px;color:#67828b;margin-top:32px;line-height:1.6}.shell{min-height:100dvh;background:#f4f9fa}.topbar{background:#00333f;color:white;padding:17px clamp(22px,5vw,70px);display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar button{color:#fff;border:1px solid #7ba7b2;border-radius:8px;padding:9px 14px;background:transparent}.container{max-width:1160px;padding:40px 22px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.intro h2{margin:12px 0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.tile{background:white;border:1px solid #d5e6e9;border-radius:16px;padding:26px;box-shadow:0 8px 20px #00333f08}.tile h3{font-size:20px}.tile p{font-size:14px;color:#68848d;line-height:1.6}.chip{display:inline-block;background:#e5f5f7;color:#09798d;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:700}.chip.locked{background:#fff1e1;color:#ab5c00}.tile button{border:0;border-radius:7px;background:#1b94a8;color:white;padding:11px 15px;font-weight:700}.tile button:disabled{background:#dce5e7;color:#70868b}.course-list{margin:20px 0;display:grid;gap:12px}.course{display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border:1px solid #d5e6e9;border-radius:12px;padding:16px 20px}.course p{color:#70868b;margin:4px 0}.course button{background:#00333f;color:white;border:0;border-radius:6px;padding:9px 14px;white-space:nowrap}.loading{padding:30px}.activation{min-height:100dvh;background:#00333f;display:grid;place-items:center;padding:24px}.modal{background:#fff;border-radius:13px;max-width:460px;width:100%;padding:38px}.modal h2{font-size:32px}.footer{font-size:12px;color:#68848d;margin-top:35px}a{color:#1b94a8}@media(max-width:780px){.login{grid-template-columns:1fr}.hero{min-height:295px;padding:30px}.hero h1{font-size:42px;margin:12px 0}.hero-content p{display:none}.signature{display:none}.login-area{padding:40px 24px}.card-grid{grid-template-columns:1fr}.course{flex-direction:column;align-items:flex-start}.container{padding-top:26px}}

.video-stage{background:#00333f;border-radius:14px;margin:18px 0;padding:20px;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.video-stage[hidden]{display:none}.video-stage mux-player{display:block;flex:0 1 auto;width:min(100%,340px,calc(70vh * 9 / 16));height:auto;aspect-ratio:9/16;max-width:100%;}@media(max-width:780px){.video-stage{padding:8px}.video-stage mux-player{width:min(100%,320px,calc(70dvh * 9 / 16));}}

/* Mux: pantalla completa real, sin limitar el reproductor al ancho de la leccion. */
.video-stage mux-player:fullscreen,
.video-stage mux-player:-webkit-full-screen {
  width:100vw !important;
  height:100dvh !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  margin:0 !important;
}

/* LeaderChip v11: password visibility and sequenced learning route */
.password-wrap{position:relative}.password-wrap input{padding-right:94px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:white;border:1px solid #cbdbe0;color:#00333f;border-radius:6px;padding:8px;font-size:12px;font-weight:700}.password-toggle:hover{border-color:#1b94a8}.route-header{margin:30px 0 18px}.route-header h2{margin:10px 0}.route-header p{color:#627d86;line-height:1.6}.lesson-route{display:grid;gap:13px}.lesson-card{background:white;border:1px solid #d5e6e9;border-radius:14px;overflow:hidden;scroll-margin-top:24px}.lesson-card.is-open{border-color:#1b94a8;box-shadow:0 7px 24px #00333f0e}.lesson-heading{background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:16px;width:100%;padding:20px 22px;color:#00333f}.lesson-heading strong{display:block;font-size:17px}.lesson-heading small{display:block;color:#607e88;margin-top:6px;line-height:1.5}.lesson-chevron{font-size:27px}.is-open .lesson-chevron{transform:rotate(180deg)}.lesson-panel{border-top:1px solid #e2ecee;padding:20px 22px;line-height:1.6}.lesson-panel[hidden]{display:none}.lesson-panel>p,.pending-note{color:#607e88}.lesson-resource{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #d5e6e9;border-radius:10px;padding:14px 16px;margin:10px 0;background:#fff}.lesson-resource p{margin:4px 0 0;color:#607e88;font-size:13px}.lesson-resource button,.lesson-play{border:0;background:#00333f;color:#fff;padding:11px 15px;border-radius:8px;font-weight:700}.lesson-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.lesson-nav button{border:1px solid #1b94a8;background:white;color:#00333f;border-radius:8px;padding:10px 14px;font-weight:700}.lesson-nav button:disabled{opacity:.3;cursor:not-allowed}.extra-videos{margin-top:24px}@media(max-width:650px){.lesson-heading,.lesson-panel{padding:16px}.lesson-resource{align-items:flex-start;flex-direction:column}.lesson-nav{flex-wrap:wrap}}

/* v11.1: compact accessible password visibility icons */
.password-wrap input{padding-right:52px}
.password-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;right:9px;top:50%;padding:8px;border:1px solid #cbdbe0;border-radius:9px;background:#ffffff;cursor:pointer;color:#00333F}
.password-toggle svg{width:20px;height:20px;display:block;flex-shrink:0}
.password-toggle:focus-visible{outline:3px solid #1B94A8;outline-offset:2px}


/* LeaderChip v12A · editorial premium, prompt maestro de Paola */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--lc-ink:#07343F;--lc-paper:#FEFEFD;--lc-pink:#DD75D9;--lc-cyan:#1B94A8;--lc-line:#d7e5e5;--lc-muted:#54717a}
body{font-family:Poppins,Arial,sans-serif;color:var(--lc-ink);background:var(--lc-paper)}
.login{background:#f5f9f8}.hero{background:var(--lc-ink);position:relative;overflow:hidden}.hero-content{position:relative;z-index:1}.hero-spark{position:absolute;right:0;top:-85px;width:90px;max-height:90px;object-fit:contain;pointer-events:none}.brand:before{display:none}.brand-logo{height:45px;max-width:235px;width:auto;object-fit:contain;object-position:left center}.hero h1{font-weight:700;font-size:clamp(38px,4.5vw,72px)}.hero-content .eyebrow{color:#abd85d}.signature{border-color:var(--lc-pink)}.login-area{background:var(--lc-paper)}.login-area .eyebrow,.eyebrow{color:var(--lc-cyan)}
h2{font-weight:700;letter-spacing:-.9px}input{border-radius:10px;background:#fff;border-color:var(--lc-line)}.primary{background:var(--lc-ink);border-radius:10px}.primary:hover{background:#12515d}.access-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px}.access-links .small-link{margin-top:4px;text-align:left;color:#13798b;font-weight:600}.access-links .small-link:hover,.recovery-back:hover{text-decoration:underline}
.activation{background:var(--lc-ink);background-image:radial-gradient(circle at 80% 18%,#1B94A822,transparent 35%)}.modal{background:var(--lc-paper);max-width:560px;border-radius:18px;padding:clamp(24px,4vw,45px);box-shadow:0 24px 60px #00252c36}.modal h2{font-size:clamp(29px,4vw,37px)}.modal .subhead{margin-bottom:25px}.modal .small-link{color:#087e94}.recovery-note{padding:16px;border-left:3px solid var(--lc-pink);background:#f1f8f8;border-radius:8px;line-height:1.7;font-size:13px}.recovery-back,.recovery-link{display:inline-block;color:#0a8498;font-size:13px;margin-bottom:25px;font-weight:700}.recovery-link{margin-top:25px;margin-bottom:0}
.shell{background:#f5f9f8}.topbar{background:var(--lc-ink);min-height:76px}.topbar .brand:before{display:none}.top-logo{width:auto;height:40px;max-width:185px;object-fit:contain}.container{max-width:1120px}.intro{background:var(--lc-paper);border:1px solid var(--lc-line);border-radius:18px;padding:clamp(22px,4vw,38px);margin-top:12px}.intro h2{font-size:clamp(28px,3.4vw,40px)}.intro .chip{white-space:normal}.tile{box-shadow:none;border-color:var(--lc-line);background:var(--lc-paper)}.tile:first-child{border-top:4px solid var(--lc-cyan)}.tile:nth-child(2){border-top:4px solid #ABD85D}.tile:nth-child(3){border-top:4px solid var(--lc-pink)}.tile button{background:var(--lc-ink)}.tile button:disabled{background:#e5eded}.chip{background:#e4f5f6;color:#096d80}.route-header{background:var(--lc-paper);padding:24px 4px 12px}.route-header p{color:var(--lc-muted)}.lesson-route{gap:12px}.lesson-card{border:1px solid var(--lc-line);box-shadow:none;border-radius:14px}.lesson-card.is-open{border-color:var(--lc-cyan);box-shadow:0 7px 25px #07343f0a}.lesson-heading{padding:19px 24px}.lesson-heading strong{font-size:15px;font-weight:700}.lesson-heading small{font-size:12px;color:var(--lc-muted)}.lesson-panel{border-color:var(--lc-line);background:var(--lc-paper)}.lesson-resource{background:#f8fbfa;border-color:var(--lc-line)}.lesson-resource button,.lesson-play{background:var(--lc-ink)}.lesson-nav button{border-color:var(--lc-cyan)}.password-toggle{border:0;color:var(--lc-ink);background:transparent}.password-toggle:hover{background:#eaf4f4}.password-toggle svg{width:20px;height:20px}.footer{text-align:center}
@media(max-width:650px){.login .hero{min-height:245px}.hero-spark{width:55px;top:-30px}.brand-logo{height:36px}.access-links{display:grid;gap:9px}.top-logo{height:32px}.intro{padding:22px}.lesson-heading{padding:17px}.lesson-panel{padding:17px}}

/* v12A.1: logo tightly cropped to artwork and scaled for readability */
.brand-logo{height:72px!important;max-width:285px!important;width:auto!important}
.top-logo{height:49px!important;max-width:230px!important;width:auto!important}
@media(max-width:650px){.brand-logo{height:58px!important;max-width:245px!important}.top-logo{height:42px!important;max-width:190px!important}}
#lesson-area{scroll-margin-top:18px}

/* v12B: larger artwork on desktop only; mobile settings unchanged */
@media(min-width:781px){.brand-logo{height:118px!important;max-width:430px!important}.top-logo{height:76px!important;max-width:330px!important}.topbar{min-height:95px}}

/* v12B.2: transparent logo asset without baked-in navy rectangle; desktop-only sizing */
@media (min-width:781px){
  .hero .brand-logo{height:82px!important;max-width:355px!important;display:block}
  .topbar .top-logo{height:61px!important;max-width:280px!important;display:block}
  .topbar{min-height:88px}
}

/* LeaderChip v13.3 APROBADO · actualización EXCLUSIVAMENTE visual.
   Funciones de autentificación, pagos, membresía, Mux y descargas sin modificaciones. */
:root{--lc-ink:#00333F;--lc-paper:#FFFFFF;--lc-cyan:#1B94A8;--lc-pink:#EA78DF;--lc-line:#CDE1E5;--lc-muted:#627F86}
body{font-family:Poppins,Arial,sans-serif;color:#00333F;background:#FFFFFF}
.hero{background-color:#00333F;background-image:url('/assets/leaderchip-pixel-background.svg');background-repeat:repeat;background-size:960px 540px;background-position:left top;color:#FFFFFF}
.hero h1{font-size:clamp(36px,4vw,60px);line-height:1.14;letter-spacing:-1.4px;font-weight:700}
.hero p{color:#FFFFFF;opacity:.94}
.login-area{background:#FFFFFF}
.activation{background-color:#00333F;background-image:url('/assets/leaderchip-pixel-background.svg');background-repeat:repeat;background-size:960px 540px;background-position:left top}
.primary,.tile button:not(:disabled),.course button,.lesson-resource button,.lesson-play{background:#1B94A8;color:#FFFFFF;border-color:#1B94A8}
.primary:hover,.tile button:not(:disabled):hover,.course button:hover,.lesson-resource button:hover,.lesson-play:hover{background:#147C8D;color:#FFFFFF}
.primary:disabled,.tile button:disabled{opacity:.6}
.brand:before,.topbar .brand:before{display:none!important}
.brand-logo{height:44px;max-width:210px;width:auto;object-fit:contain;object-position:left center}
.top-logo{height:32px;max-width:165px;width:auto;object-fit:contain;object-position:left center}
.topbar{background:#00333F;min-height:70px}
.shell{background:#F5FAFA}
.intro{position:relative;background-color:#00333F;background-image:url('/assets/leaderchip-pixel-background.svg');background-repeat:repeat;background-size:960px 540px;background-position:left top;color:#FFFFFF;border-color:#1B94A8;border-radius:19px;padding:clamp(24px,4vw,42px)}
.intro h2,.intro h3,.intro .eyebrow,.intro p{color:#FFFFFF}
.intro .chip{background:#FFFFFF;color:#00333F}
.intro .pixel-asset{display:none}
.tile{background:#FFFFFF;border-color:#CDE1E5;box-shadow:none;border-radius:15px}
.tile h3{margin-top:18px}
.route-header h2,.container>h2,#lesson-area>h2{padding-left:0;margin-left:0}
.route-header>img,.section-heading>img,.heading-icon,.heading-pixel{display:none!important}
.lesson-card{background:#FFFFFF;border-color:#CDE1E5}
.lesson-heading strong{font-size:15px}
.lesson-resource{background:#FFFFFF}
/* Preserve the existing JS and functional buttons, only adjust layout. */
@media(max-width:780px){.top-logo{height:29px;max-width:145px}.brand-logo{height:36px}.hero{background-size:960px 540px;background-position:left top}.activation{background-size:960px 540px}.intro{background-size:960px 540px;background-position:center top}.intro h2{font-size:clamp(26px,7vw,34px)}}

/* v13.5 · Mantener Poppins y retirar únicamente adornos pixel internos.
   Logos, fondos SVG y elementos funcionales permanecen intactos. */
:root,body,button,input,select,textarea{font-family:'Poppins',Arial,sans-serif}
.card-grid .tile::after,.lesson-resource::before,.hero-content::after{content:none!important;background-image:none!important}
.card-grid .tile{padding-top:34px}
.card-grid .tile .chip{max-width:none}
.lesson-resource{position:relative;padding-left:initial}
.hero-spark{display:none!important}
.lesson-resource-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #1B94A8;border-radius:9px;background:#1B94A8;color:#FFFFFF!important;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.lesson-resource-link:hover{background:#147C8D;color:#FFFFFF!important}
.lesson-resource-link:focus-visible{outline:3px solid #B25CEA;outline-offset:2px}
@media(max-width:620px){.lesson-resource-link{width:100%;white-space:normal;text-align:center}}

/* v13.9.12: booking only after confirmed landing submission */
.landing-booking-slot{margin-top:12px;}
.landing-booking-slot[hidden]{display:none!important;}
.landing-booking-link{display:block;padding:12px 15px;border-radius:10px;background:#1B94A8;color:#fff!important;text-align:center;text-decoration:none;font-weight:700;line-height:1.45;}
.landing-booking-link:hover,.landing-booking-link:focus-visible{background:#00333F;color:#fff!important;}

/* v13.9.13 — únicamente presentación: márgenes de recursos y agenda en Bienvenida. */
.lesson-resource{padding:16px 20px;min-width:0;gap:18px;box-sizing:border-box}
.lesson-resource>div{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.lesson-resource strong,.lesson-resource p{max-width:100%;overflow-wrap:anywhere}
.lesson-resource>button,.lesson-resource>.lesson-resource-link{flex:0 0 auto;max-width:100%}
.welcome-booking-slot{margin:12px 0 18px;padding:16px 20px;border:1px solid #CDE1E5;border-radius:10px;background:#FFFFFF}
.welcome-booking-slot[hidden]{display:none!important}
.welcome-booking-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:9px;background:#00333F;color:#FFFFFF!important;font-weight:700;font-size:13px;text-decoration:none;line-height:1.45}
.welcome-booking-link:hover,.welcome-booking-link:focus-visible{background:#1B94A8;color:#FFFFFF!important}
@media(max-width:620px){.lesson-resource{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.lesson-resource>button,.lesson-resource>.lesson-resource-link{width:100%;white-space:normal}.welcome-booking-slot{padding:14px 16px}.welcome-booking-link{width:100%;text-align:center}}

/* v13.9.18 — Horizontal responsive players; no media or API changes */
.video-stage mux-player{width:min(100%,960px)!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important;flex:1 1 100%!important;}
.video-stage{width:100%;box-sizing:border-box;min-width:0;}
@media(max-width:780px){.video-stage mux-player{width:100%!important;}}