*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:'Plus Jakarta Sans','Poppins',system-ui,sans-serif;background:radial-gradient(1200px 620px at 12% -8%,rgba(242,106,31,.06),transparent 58%),radial-gradient(1000px 720px at 104% 112%,rgba(110,145,180,.06),transparent 55%),#F8F5F1;background-attachment:fixed;color:#2E3A44;-webkit-font-smoothing:antialiased}h1,h2{margin:0;line-height:1.05;letter-spacing:-.01em;font-weight:800}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,28px)}.brand{display:flex;align-items:center;text-decoration:none}.brand img{height:76px;width:auto;display:block;transition:transform .2s}.brand:hover img{transform:scale(1.05)}.counter{font-weight:600;font-size:.82rem;color:#5C6670;background:#fff;border:1px solid rgba(46,58,68,.1);padding:6px 14px;border-radius:999px}.deck{position:fixed;inset:0;overflow:hidden;touch-action:pan-y}.track{position:absolute;inset:0}.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding:88px clamp(20px,6vw,90px);opacity:0;pointer-events:none;transition:opacity .55s ease;z-index:0}.slide.active{opacity:1;pointer-events:auto;z-index:1}.cover{flex-direction:column;text-align:center}.cover-in{max-width:760px}.cover .eyebrow{justify-content:center}.cover h1{font-size:clamp(2.4rem,7vw,4.6rem)}.cover h1 em{color:#F26A1F;font-style:normal}.cover p{font-size:1.15rem;color:#5C6670;margin:18px auto 30px;max-width:46ch}
/* ===== un tema por pantalla (portada + temas a pantalla completa) ===== */
.hero-cover .cover-in,.topic-cover .cover-in{display:flex;flex-direction:column;align-items:center}
.cv-ico{font-size:clamp(2.8rem,8vw,4.2rem);width:clamp(94px,19vw,130px);height:clamp(94px,19vw,130px);border-radius:30px;background:#FFE7D6;display:grid;place-items:center;margin-bottom:18px;box-shadow:0 20px 44px -22px rgba(242,106,31,.6)}
.topic-cover h1{font-size:clamp(2.1rem,6.5vw,3.8rem)}
.topic-cover p{max-width:42ch;font-size:1.12rem}
.topic-cover .eyebrow{display:inline-flex;align-self:center;background:#fff;border:1px solid rgba(46,58,68,.1);padding:7px 15px;border-radius:999px;box-shadow:0 8px 20px -14px rgba(46,58,68,.5)}.start{background:#F26A1F;color:#fff;border:none;font-family:inherit;font-weight:700;font-size:1.05rem;padding:15px 34px;border-radius:999px;cursor:pointer;box-shadow:0 14px 32px -12px rgba(242,106,31,.65);transition:.2s}.start:hover{background:#D9550F;transform:translateY(-2px)}.hintswipe{margin-top:22px;font-size:.85rem;color:#9a9387}.step-slide{flex-direction:row}.step-slide .eyebrow{display:inline-flex;background:#F26A1F;color:#fff;padding:8px 16px;border-radius:999px;font-size:.84rem;box-shadow:0 12px 26px -12px rgba(242,106,31,.65)}.slide.active .eyebrow{animation:pulseStep 1.8s ease-in-out infinite}@keyframes pulseStep{0%,100%{box-shadow:0 12px 26px -12px rgba(242,106,31,.65)}50%{box-shadow:0 14px 30px -8px rgba(242,106,31,.9)}}.txt{max-width:460px;flex:1}.eyebrow{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#F26A1F;margin-bottom:14px}.txt h2{font-size:clamp(1.7rem,3.8vw,2.9rem);margin-bottom:16px}.desc{font-size:clamp(1rem,1.5vw,1.22rem);color:#5C6670;line-height:1.6}.ph{flex:none}.phone{border-radius:34px;padding:9px;background:linear-gradient(160deg,#3a4650,#222b32);box-shadow:0 30px 60px -25px rgba(46,58,68,.55);position:relative}.phone::before{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:52px;height:6px;border-radius:6px;background:rgba(255,255,255,.28);z-index:3}.screen{height:min(66vh,560px);aspect-ratio:9/19.5;width:auto;border-radius:26px;overflow:hidden;position:relative;background:#fff}.screen img{width:100%;height:100%;object-fit:cover}.nav{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:none;background:#fff;color:#2E3A44;font-size:1.7rem;cursor:pointer;box-shadow:0 12px 30px -12px rgba(46,58,68,.5);z-index:30;display:grid;place-items:center;transition:.2s}.nav:hover{background:#F26A1F;color:#fff}.nav.prev{left:18px}.nav.next{right:18px}.nav:disabled{opacity:.2;pointer-events:none}.dots{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:30}.dot{width:9px;height:9px;border-radius:50%;background:rgba(46,58,68,.22);border:none;cursor:pointer;padding:0;transition:.25s}.dot.on{background:#F26A1F;width:26px;border-radius:6px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s .12s,transform .5s .12s}.slide.active .reveal{opacity:1;transform:none}@media(max-width:820px){.step-slide{flex-direction:column;gap:20px;padding:80px 20px 64px;justify-content:center}.txt{max-width:90vw;text-align:center;flex:none}.eyebrow{justify-content:center}.screen{height:min(52vh,440px)}.nav{width:44px;height:44px;font-size:1.4rem}.nav.prev{left:10px}.nav.next{right:10px}}@media(prefers-reduced-motion:reduce){.track{transition:none}.reveal{opacity:1;transform:none}.slide.active .eyebrow{animation:none}}
/* ===== pestañas de navegación (barra superior) ===== */
.topbar{gap:14px}.brand{flex:none}.counter{flex:none}
.tabnav{flex:1;display:flex;gap:8px;overflow-x:auto;justify-content:center;scrollbar-width:none;-ms-overflow-style:none;padding:3px 2px}
.tabnav::-webkit-scrollbar{display:none}
.tab{flex:none;border:1px solid rgba(46,58,68,.12);background:rgba(255,255,255,.92);color:#5C6670;font-family:inherit;font-weight:600;font-size:.8rem;padding:7px 13px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.18s;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.tab:hover{border-color:#F26A1F;color:#F26A1F}
.tab.on{background:#F26A1F;border-color:#F26A1F;color:#fff;box-shadow:0 8px 20px -10px rgba(242,106,31,.7)}
/* ===== menú de temas en la portada ===== */
.cover{overflow-y:auto;padding-top:96px;padding-bottom:46px}.cover.hero-cover{padding-top:90px;padding-bottom:34px}.hero-cover .eyebrow{margin-bottom:10px}.hero-cover h1{font-size:clamp(2rem,4.6vw,3.4rem)}.hero-cover p{margin:10px auto 0}.hero-cover .menu-prog{margin:22px auto 4px}.hero-cover .menu-grid{margin:22px auto 0;gap:16px}.hero-cover .topic-card{padding:18px 22px;border-radius:20px}.hero-cover .tc-num{font-size:clamp(.92rem,1.5vw,1.12rem);margin-bottom:0}.hero-cover .tc-title{font-size:clamp(1.15rem,2.2vw,1.55rem)}.hero-cover .tc-go{padding-top:8px;font-size:.88rem}.hero-cover .hintswipe{margin-top:12px}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:38px auto 34px;max-width:1040px;width:100%;text-align:center}
.topic-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1.5px solid rgba(46,58,68,.1);border-radius:26px;padding:30px 28px;cursor:pointer;font-family:inherit;color:#2E3A44;box-shadow:0 16px 36px -24px rgba(46,58,68,.5);transition:transform .22s,box-shadow .22s,border-color .22s,opacity .5s,translate .5s}
.topic-card::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(242,106,31,.10),transparent 62%);opacity:0;transition:.22s;pointer-events:none}
.topic-card:hover{transform:translateY(-6px);border-color:#F26A1F;box-shadow:0 28px 52px -22px rgba(242,106,31,.55)}
.topic-card:hover::before{opacity:1}
.tc-ico{font-size:2.7rem;width:82px;height:82px;border-radius:22px;background:#FFE7D6;display:grid;place-items:center;margin-bottom:6px}
.tc-num{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#F26A1F;margin-bottom:2px}
.tc-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}
.tc-intro{font-size:.95rem;color:#5C6670;line-height:1.45;max-height:3.6em;overflow:hidden;margin-top:2px}
.tc-go{margin-top:auto;padding-top:14px;font-size:.95rem;font-weight:700;color:#F26A1F;display:inline-flex;align-items:center;gap:6px}
.tc-go em{font-style:normal;transition:transform .2s}
.topic-card:hover .tc-go em{transform:translateX(5px)}
.menu-grid .reveal{transition-delay:var(--d,0s)}
@media(max-width:820px){.tabnav{justify-content:flex-start}.brand span{display:none}.cover{padding-top:104px}}
/* ===== pantalla de fin de módulo ===== */
.module-end{flex-direction:column;text-align:center}
.me-in{max-width:540px;display:flex;flex-direction:column;align-items:center;gap:4px}
.me-check{width:88px;height:88px;border-radius:50%;background:#FFE7D6;color:#F26A1F;font-size:2.7rem;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 18px 40px -20px rgba(242,106,31,.7)}
.module-end h2{font-size:clamp(1.8rem,4.4vw,2.7rem)}
.module-end p{font-size:1.12rem;color:#5C6670;margin:8px 0 24px;max-width:42ch}
.module-end p b{color:#2E3A44}
.me-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.me-next{background:#fff;color:#F26A1F;border:1.5px solid #F26A1F;font-family:inherit;font-weight:700;font-size:1rem;padding:14px 26px;border-radius:999px;cursor:pointer;transition:.2s}
.me-next:hover{background:#F26A1F;color:#fff;transform:translateY(-2px)}
/* ===== recompensa: anillo de progreso al completar ===== */
.me-eyebrow{font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#F26A1F;margin-bottom:12px}
.me-ring{position:relative;width:clamp(150px,34vw,192px);aspect-ratio:1;margin-bottom:10px}
.me-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.me-ring .rg-bg{fill:none;stroke:#FFE7D6;stroke-width:11}
.me-ring .rg-fg{fill:none;stroke:url(#rgGrad);stroke-width:11;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}
.me-ring .rg-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.me-pct{font-size:clamp(2.1rem,6vw,2.8rem);font-weight:800;color:#2E3A44;line-height:1}
.me-pct-l{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F26A1F}
.me-glow{position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,rgba(242,106,31,.22),transparent 66%);z-index:-1;opacity:.4}
.slide.active .me-glow{animation:meGlow 3s ease-in-out infinite}
@keyframes meGlow{0%,100%{opacity:.32;transform:scale(.96)}50%{opacity:.6;transform:scale(1.04)}}
/* barra de progreso global en el menú */
.menu-prog{max-width:1040px;width:100%;margin:30px auto 4px;display:flex;flex-direction:column;gap:9px}
.menu-prog-top{display:flex;justify-content:space-between;align-items:baseline}
.menu-prog-pct{color:#F26A1F;font-size:1.2rem;font-weight:800}
.menu-prog-lbl{color:#5C6670;font-size:.85rem;font-weight:600}
.menu-prog-bar{height:10px;border-radius:999px;background:rgba(46,58,68,.09);overflow:hidden}
.menu-prog-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#F7A85C,#F26A1F);transition:width 1s cubic-bezier(.22,1,.36,1)}
/* insignia de tema completado en las tarjetas */
.tc-badge{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:#F26A1F;color:#fff;place-items:center;font-size:.95rem;box-shadow:0 8px 18px -8px rgba(242,106,31,.8);display:none}
.topic-card.done{border-color:rgba(242,106,31,.4)}
.topic-card.done .tc-badge{display:grid}
/* ayudas de navegación presentes pero discretas */
.nav{opacity:.55}
.deck:hover .nav:not(:disabled),.nav:focus-visible{opacity:1}
@media(max-width:820px){.nav{opacity:.9}}
@media(prefers-reduced-motion:reduce){.slide.active .me-glow{animation:none}.me-ring .rg-fg{transition:none}}.ann{position:absolute;z-index:5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.a-arrow{height:0;transform-origin:0 0}.a-arrow .ah{position:absolute;left:0;top:0;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:15px solid var(--ac);transform:translateY(-50%)}.a-arrow .as{position:absolute;left:13px;right:0;top:0;height:4px;background:var(--ac);transform:translateY(-50%);border-radius:3px}.a-circle{transform:translate(-50%,-50%);aspect-ratio:1;border:3px solid var(--ac);border-radius:50%}.a-tap{transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:3px solid var(--ac);display:grid;place-items:center}.a-tap span{width:42%;height:42%;border-radius:50%;background:var(--ac)}.a-tap::after{content:"";position:absolute;inset:-6px;border:2px solid var(--ac);border-radius:50%;opacity:.65;animation:tapP 1.6s ease-out infinite}@keyframes tapP{0%{transform:scale(.7);opacity:.65}100%{transform:scale(1.6);opacity:0}}.a-num{transform:translate(-50%,-50%);min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--ac);color:#fff;font-weight:700;font-size:.82rem;display:grid;place-items:center}.a-label{transform:translate(-50%,-50%);background:var(--ac);color:#fff;font-weight:600;font-size:.72rem;padding:4px 9px;border-radius:8px;white-space:nowrap;max-width:88%}.fx-bold{font-weight:800}.fx-hl{background:#FFE7D6;color:#8a3d12;border-radius:4px;padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.fx-orange{color:#F26A1F;font-weight:700}.fx-ul{text-decoration:underline;text-decoration-color:#F26A1F;text-underline-offset:2px}.fx-flash{animation:fxFlash 1.1s steps(1,end) infinite;font-weight:700;color:#F26A1F}@keyframes fxFlash{0%,55%{opacity:1}55.01%,100%{opacity:.2}}@media(prefers-reduced-motion:reduce){.fx-flash{animation:none;opacity:1}}.backbtn{flex:none;border:1px solid rgba(46,58,68,.14);background:#fff;color:#F26A1F;font-family:inherit;font-weight:700;font-size:1.25rem;line-height:1;width:42px;height:42px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -12px rgba(46,58,68,.4);transition:.18s}.backbtn:hover{background:#F26A1F;color:#fff;border-color:#F26A1F;transform:translateY(-1px)}.topbar-r{display:flex;align-items:center;gap:10px;flex:none}@media print{@page{margin:13mm}html,body{height:auto!important;overflow:visible!important;background:#fff!important}.topbar,.nav,.dots,.tabnav,.hintswipe,.start,.me-actions,.menu-prog,.tc-go{display:none!important}.deck{position:static!important;overflow:visible!important;height:auto!important;inset:auto!important}.track{position:static!important;inset:auto!important}.slide{position:static!important;inset:auto!important;opacity:1!important;pointer-events:auto!important;display:flex!important;page-break-after:always;break-after:page;min-height:0!important;padding:0 0 26px!important;gap:26px!important}.slide.module-end{display:none!important}.slide:last-child{page-break-after:auto;break-after:auto}.cover{overflow:visible!important;page-break-after:always;break-after:page}.reveal{opacity:1!important;transform:none!important;transition:none!important}.step-slide{flex-direction:row!important;align-items:flex-start!important}.txt{max-width:none!important}.screen{height:auto!important;width:62mm!important;aspect-ratio:9/19.5}.phone{box-shadow:none!important}.me-glow,.a-tap::after{animation:none!important;display:none!important}.fx-flash{animation:none!important;opacity:1!important}.menu-grid,.topic-card{break-inside:avoid;page-break-inside:avoid}.topic-card{box-shadow:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}