:root{--bg:#EFF6F1;--surface:#FFFFFF;--primary:#0F8A6D;--primary-deep:#0B6B55;--primary-soft:#DDF0E8;--ink:#16332B;--ink-soft:#4E685F;--mango:#FFAA33;--mango-deep:#8A5200;--mango-soft:#FFF3DF;--coral:#C43A22;--coral-soft:#FCE8E3;--sky:#1F6483;--sky-soft:#E3F0F7;--radius:20px;--shadow:0 4px 14px rgba(18,51,43,.08);--shadow-lift:0 10px 26px rgba(18,51,43,.14);--tap:44px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{font-family:Nunito Sans,system-ui,sans-serif;background:radial-gradient(1200px 500px at 50% -200px,#DFF0E6 0%,var(--bg) 60%);color:var(--ink);display:flex;justify-content:center;height:100dvh;overflow:hidden}h1,h2,h3,.display{font-family:"Baloo 2",cursive;line-height:1.15}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mango);outline-offset:2px;border-radius:12px}h1[tabindex="-1"],h2[tabindex="-1"],h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:13px 20px;min-height:var(--tap);font-weight:800;font-size:.95rem;transition:transform .12s,box-shadow .12s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-deep)}.btn-primary:active{box-shadow:0 1px 0 var(--primary-deep)}.btn-mango{background:var(--mango);color:#5c3700;box-shadow:0 4px #d98a16}.btn-ghost{background:var(--primary-soft);color:var(--primary-deep)}.btn-danger{background:var(--coral-soft);color:var(--coral)}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--primary);margin-bottom:4px}.pill{display:flex;align-items:center;gap:5px;background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.85rem;box-shadow:var(--shadow)}.pill.xp{color:var(--primary-deep)}.pill.streak{color:#a35e00}.progressbar{flex:1;height:14px;background:var(--primary-soft);border-radius:999px;overflow:hidden}.progressbar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#2FB08D);border-radius:999px;transition:width .35s ease}.path{position:relative;padding:4px 0 8px}.path:before{content:"";position:absolute;left:31px;top:10px;bottom:10px;width:6px;background:var(--primary-soft);border-radius:3px}.node{position:relative;display:flex;gap:14px;align-items:stretch;padding:9px 0;width:100%;text-align:left}.node .dot{flex:0 0 62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--surface);border:5px solid var(--primary-soft);z-index:1;box-shadow:var(--shadow);transition:transform .12s;align-self:center}.node.done .dot{background:var(--primary);border-color:var(--primary);color:#fff}.node.next .dot{border-color:var(--mango);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ffaa3373}50%{box-shadow:0 0 0 12px #fa30}}.node .info{flex:1;background:var(--surface);border-radius:16px;padding:11px 14px;box-shadow:var(--shadow)}.node .info h3{font-size:.95rem;font-weight:700;color:var(--ink)}.node .info p{font-size:.78rem;color:var(--ink-soft);margin-top:2px}.node .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.tag{font-size:.7rem;font-weight:800;border-radius:999px;padding:2px 9px}.tag.ok{background:var(--primary-soft);color:var(--primary-deep)}.tag.gold{background:var(--mango-soft);color:var(--mango-deep)}.tag.prev{background:var(--sky-soft);color:var(--sky)}.tag.lockt{background:#edefea;color:var(--ink-soft)}.node.locked .dot{filter:grayscale(1);opacity:.6}.node.locked .info h3{color:var(--ink-soft)}@media(hover:hover)and (pointer:fine){button.node:hover .dot{transform:scale(1.06)}}button.node[disabled]{cursor:not-allowed}.quiz-q{font-size:1.08rem;font-weight:700;font-family:"Baloo 2",cursive;margin-bottom:14px;line-height:1.35}.opt{width:100%;text-align:left;background:var(--surface);border:2.5px solid var(--primary-soft);border-radius:16px;padding:13px 15px;min-height:var(--tap);font-size:.93rem;font-weight:600;margin-bottom:10px;transition:border-color .12s,background .12s}@media(hover:hover)and (pointer:fine){.opt:hover{border-color:var(--primary)}}.opt.correct{border-color:var(--primary);background:var(--primary-soft)}.opt.wrong{border-color:var(--coral);background:var(--coral-soft)}.opt[disabled]{cursor:default}.feedback{border-radius:16px;padding:13px 15px;margin:6px 0 12px;display:flex;gap:11px;align-items:flex-start}.feedback.ok{background:var(--primary-soft)}.feedback.no{background:var(--coral-soft)}.feedback .fm{flex:0 0 46px}.feedback h4{font-family:"Baloo 2",cursive;font-size:1rem;margin-bottom:2px}.feedback.ok h4{color:var(--primary-deep)}.feedback.no h4{color:var(--coral)}.feedback p{font-size:.87rem;line-height:1.45}.concept h2{font-size:1.25rem;color:var(--primary-deep);margin-bottom:10px}.concept p{font-size:.95rem;line-height:1.55;margin-bottom:10px}.concept ul{margin:0 0 10px 20px}.concept li{font-size:.93rem;line-height:1.5;margin-bottom:6px}.concept .term{display:inline-block;background:var(--sky-soft);color:var(--sky);font-weight:800;font-size:.85em;border-radius:8px;padding:1px 7px;white-space:nowrap}.concept .keybox{background:var(--mango-soft);border-left:5px solid var(--mango);border-radius:12px;padding:11px 13px;font-size:.9rem;margin:12px 0 4px}.concept .keybox b{color:var(--mango-deep)}.cardnav{display:flex;gap:10px}.cardnav .btn{flex:1}.flash{display:block;width:100%;text-align:left;perspective:900px;margin-bottom:12px;padding:0;border-radius:16px}.flash .inner{display:grid;transform-style:preserve-3d;transition:transform .45s}.flash .face{grid-area:1/1;backface-visibility:hidden;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;min-height:96px}.flash .front{background:var(--surface)}.flash .front .en{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.1rem;color:var(--sky)}.flash .front .hint{font-size:.75rem;color:var(--ink-soft);font-weight:700;margin-top:4px}.flash .back{background:var(--primary);color:#fff;transform:rotateY(180deg)}.flash .back .es{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.05rem}.flash .back p{font-size:.82rem;line-height:1.45;margin-top:4px;opacity:.95}.flash[aria-pressed=true] .inner{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.flash .inner{transition:none}.flash .face{backface-visibility:visible}.flash .front{display:flex}.flash[aria-pressed=true] .front{display:none}.flash .back{transform:none;display:none}.flash[aria-pressed=true] .back{display:flex}}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.badge{background:var(--surface);border-radius:16px;padding:12px 8px;text-align:center;box-shadow:var(--shadow)}.badge .bic{font-size:1.7rem}.badge p{font-size:.72rem;font-weight:800;margin-top:5px;line-height:1.25}.badge.off{opacity:.4;filter:grayscale(1)}.statrow{display:flex;gap:10px;margin-bottom:14px}.statcard{flex:1;background:var(--surface);border-radius:16px;padding:14px;text-align:center;box-shadow:var(--shadow)}.statcard .n{font-family:"Baloo 2",cursive;font-weight:800;font-size:1.5rem;color:var(--primary-deep)}.statcard .l{font-size:.72rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.chip{display:flex;align-items:center;gap:12px;background:var(--mango-soft);border-radius:16px;padding:13px 15px;margin-bottom:14px;border:2px dashed var(--mango);width:100%;text-align:left;min-height:var(--tap)}.chip b{color:var(--mango-deep)}.chip.blue{background:var(--sky-soft);border-color:var(--sky)}.chip.blue b{color:var(--sky)}#toasts{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px)}.toast{background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;font-weight:700;font-size:.88rem;box-shadow:var(--shadow-lift);display:flex;gap:10px;align-items:center;animation:fadeUp .25s ease both}.toast .tic{font-size:1.3rem}#modal-backdrop{position:fixed;inset:0;background:#12332b73;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}#modal-backdrop[hidden]{display:none}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:20px;max-width:380px;width:100%}.modal h2{color:var(--primary-deep);font-size:1.15rem;margin-bottom:8px}.modal p{font-size:.9rem;line-height:1.5;margin-bottom:16px}.modal .row{display:flex;gap:10px}.modal .row .btn{flex:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fx-canvas{position:fixed;inset:0;pointer-events:none;z-index:90}@keyframes fxShake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.fx-shake{animation:fxShake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes fxPop{0%{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.98)}to{transform:scale(1)}}.fx-pop{animation:fxPop .45s ease-out both}@keyframes fxFlame{0%{transform:scale(1)}25%{transform:scale(1.35) rotate(-6deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.28) rotate(-3deg)}to{transform:scale(1)}}.fx-flame{animation:fxFlame .85s ease-in-out both;display:inline-block}@keyframes fxRise{0%{opacity:0;transform:translateY(6px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-26px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.95)}}.fx-float{position:fixed;z-index:95;pointer-events:none;font-family:"Baloo 2",cursive;font-weight:800;font-size:1.15rem;color:var(--mango-deep);background:var(--mango-soft);border-radius:999px;padding:5px 14px;box-shadow:var(--shadow-lift);animation:fxRise 1.5s ease-out both}@keyframes fxBadgeIn{0%{opacity:0;transform:scale(.5) rotate(-12deg)}55%{opacity:1;transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.toast.badge-toast{background:linear-gradient(135deg,var(--primary),var(--primary-deep));animation:fxBadgeIn .55s cubic-bezier(.34,1.56,.64,1) both}.toast.badge-toast .tic{animation:fxFlame 1s ease-in-out .3s both}@keyframes fxGlow{0%{box-shadow:0 0 #0f8a6d80}to{box-shadow:0 0 0 14px #0f8a6d00}}.opt.correct.fx-pop{animation:fxPop .45s ease-out both,fxGlow .7s ease-out both}.goal{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 17px;margin-bottom:14px}.goal .ring{flex:0 0 62px;position:relative;width:62px;height:62px}.goal .ring svg{transform:rotate(-90deg)}.goal .ring .val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-weight:800;font-size:.95rem;color:var(--primary-deep)}.goal .ring circle{fill:none;stroke-width:7;stroke-linecap:round}.goal .ring .bg{stroke:var(--primary-soft)}.goal .ring .fg{stroke:var(--primary);transition:stroke-dashoffset .8s cubic-bezier(.34,1.2,.64,1)}.goal.done .ring .fg{stroke:var(--mango)}.goal h3{font-size:1rem;font-weight:800;font-family:"Baloo 2",cursive;color:var(--ink)}.goal p{font-size:.82rem;color:var(--ink-soft);margin-top:2px;line-height:1.4}.iconbtn{display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:999px;width:38px;height:38px;box-shadow:var(--shadow);font-size:1rem;position:relative}.iconbtn:after{content:"";position:absolute;inset:-4px}.risk{display:flex;align-items:center;gap:12px;background:var(--coral-soft);border:2px solid var(--coral);border-radius:16px;padding:12px 15px;margin-bottom:14px}.risk b{color:var(--coral)}.nextbadge{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:12px;border-top:1px dashed #D8E5DE}.nextbadge .bic{font-size:1.6rem;filter:grayscale(1);opacity:.5}.nextbadge .txt{flex:1}.nextbadge .bar{height:8px;background:var(--primary-soft);border-radius:999px;overflow:hidden;margin-top:5px}.nextbadge .bar i{display:block;height:100%;background:var(--mango);border-radius:999px;transition:width .6s ease}dialog.modal-dialog{border:none;padding:0;background:transparent;max-width:100%;max-height:100%}dialog.modal-dialog::backdrop{background:#12332b73}dialog.modal-dialog .modal{margin:0}.iconbtn{width:44px;height:44px}.iconbtn:after{content:none}.iconbtn.bell svg{width:22px;height:22px;color:var(--primary-deep)}.bell-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;background:var(--coral,#EF5B4C);color:#fff;border-radius:999px;font-size:.68rem;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface);pointer-events:none}.eyebrow-oir{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn-oir{flex:none;background:var(--primary-soft);border-radius:999px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;box-shadow:var(--shadow)}.btn-oir:active{transform:scale(.94)}.opt-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin-right:9px;border-radius:999px;background:var(--primary-soft);color:var(--primary-deep);font-weight:800;font-size:.8rem;vertical-align:middle}.opt.correct .opt-n,.opt.wrong .opt-n{background:#ffffff59;color:#fff}.team-refresh{display:flex;align-items:center;gap:10px;margin:0 2px 14px}.team-refresh .btn{padding:7px 14px;font-size:.82rem;white-space:nowrap}.aviso{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:14px 16px;margin-bottom:10px}.aviso-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.aviso-top h3{font-size:.98rem;color:var(--primary-deep);margin:0;flex:1;line-height:1.3}.aviso-cuando{font-size:.72rem;color:var(--ink-soft);white-space:nowrap;font-weight:600}.aviso p{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink)}.aviso-punto{width:9px;height:9px;border-radius:999px;background:var(--coral,#EF5B4C);flex:none}.aviso-nuevo{border-left:4px solid var(--primary)}.toast-action{margin-left:auto;background:var(--mango);color:#5c3700;border-radius:10px;padding:7px 13px;font-weight:800;font-size:.82rem;min-height:36px;white-space:nowrap}.install-card{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;border-radius:var(--radius);padding:17px;margin-bottom:14px;box-shadow:var(--shadow-lift)}.install-card h3{font-family:"Baloo 2",cursive;font-size:1.05rem;margin-bottom:4px}.install-card p{font-size:.86rem;opacity:.94;line-height:1.45;margin-bottom:12px}.install-card .btn{background:#fff;color:var(--primary-deep);box-shadow:none}.install-steps{list-style:none;margin:0;padding:0}.install-steps li{font-size:.86rem;line-height:1.5;margin-bottom:5px;display:flex;gap:8px}.install-steps li b{flex:0 0 auto}.case-scene .quiz-q{font-size:1rem}.opt-case{text-align:left;line-height:1.4;padding:15px 16px}.outcome{border-radius:14px;padding:14px 16px;margin-bottom:12px;background:var(--primary-soft)}.outcome.regular{background:#fff3de}.outcome.mal{background:#fde9e7}.outcome .oh{font-family:"Baloo 2",cursive;font-size:1rem;margin-bottom:6px}.outcome p{font-size:.9rem;line-height:1.55;margin-bottom:7px}.outcome p:last-child{margin-bottom:0}.porque{font-size:.86rem;line-height:1.5;color:var(--ink-soft);background:var(--sky-soft);border-radius:12px;padding:11px 13px}.push-offer{border:2px dashed var(--primary);background:var(--primary-soft)}.push-offer h3{font-family:"Baloo 2",cursive;font-size:1.05rem;color:var(--primary-deep);margin-bottom:6px}.push-required{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;border-radius:var(--radius);padding:17px;margin-bottom:14px;box-shadow:var(--shadow-lift)}.push-required h3{font-family:"Baloo 2",cursive;font-size:1.05rem;margin-bottom:5px}.push-required p{font-size:.87rem;opacity:.95;line-height:1.5;margin-bottom:12px}.push-required .btn{background:#fff;color:var(--primary-deep);box-shadow:none}.push-required .btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.memoria{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:6px}.memo{aspect-ratio:1;border-radius:14px;background:var(--primary-soft);border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px;font-weight:700;font-size:.78rem;line-height:1.2;text-align:center;color:var(--primary-deep);transition:transform .16s,background .16s}.memo .cara{font-size:1.35rem;font-weight:800}.memo.up,.memo.ok{background:#fff;border-color:var(--primary)}.memo.up .cara,.memo.ok .cara{font-size:.78rem;font-weight:700}.memo.ok{background:var(--primary);border-color:var(--primary);color:#fff;opacity:.75}.memo .idi{font-size:.58rem;letter-spacing:.6px;opacity:.7;font-weight:800}.memo:active{transform:scale(.96)}@media(min-width:520px){.memoria{grid-template-columns:repeat(4,1fr)}}.elementos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.elem{background:var(--primary-soft);border-radius:13px;padding:11px 10px;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:60px;transition:transform .14s}.elem .n{font-weight:800;color:var(--primary-deep);font-size:.95rem}.elem .t{font-size:.72rem;line-height:1.25;color:var(--ink-soft)}.elem:active{transform:scale(.97)}.secuencia-ok{list-style:none;margin:0 0 12px;padding:0}.secuencia-ok li{display:flex;gap:10px;align-items:flex-start;background:var(--primary-soft);border-radius:11px;padding:9px 11px;margin-bottom:6px}.secuencia-ok .n{flex:0 0 22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}.secuencia-ok .t{font-size:.85rem;line-height:1.35;font-weight:600;color:var(--primary-deep)}.secuencia-pool{display:flex;flex-direction:column;gap:7px}.paso{background:#fff;border:2px solid var(--primary-soft);border-radius:12px;padding:13px 14px;text-align:left;font-size:.88rem;line-height:1.35;font-weight:600;color:var(--ink);transition:transform .14s,border-color .14s;min-height:46px}.paso:active{transform:scale(.98);border-color:var(--primary)}.tour{display:flex;flex-direction:column;min-height:calc(100dvh - 90px);padding-top:6px}.tour-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tour-puntos{display:flex;gap:7px}.tour-puntos i{width:8px;height:8px;border-radius:50%;background:var(--primary-soft);transition:width .3s,background .3s}.tour-puntos i.hecho{background:var(--primary)}.tour-puntos i.ahora{width:24px;border-radius:999px;background:var(--primary-deep)}.tour-saltar{font-size:.85rem;font-weight:700;color:var(--ink-soft);padding:8px 10px}.tour-cuerpo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 6px 20px;animation:tourEntra .42s cubic-bezier(.22,1,.36,1)}.tour-cuerpo h2{font-size:1.5rem;color:var(--primary-deep);margin:14px 0 8px}.tour-cuerpo p{font-size:1rem;line-height:1.55;color:var(--ink-soft);max-width:32ch}.tour-cuerpo.destacado p b{color:var(--primary-deep)}.tour-mascota{margin-top:-8px}.tour-arte{width:100%;max-width:250px;height:auto}.tour-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px}.tour-pie .btn-primary{flex:1;max-width:190px;margin-left:auto}@keyframes tourEntra{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.tour-orbita{animation:tourGira 14s linear infinite;transform-origin:120px 60px}.tour-punto{animation:tourFlota 2.6s ease-in-out infinite}.tour-punto.p2{animation-delay:.5s}.tour-punto.p3{animation-delay:1s}@keyframes tourGira{to{transform:rotate(360deg)}}@keyframes tourFlota{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.tour-card{animation:tourApila .6s cubic-bezier(.22,1,.36,1) both}.tour-card.c2{animation-delay:.12s}.tour-card.c3{animation-delay:.24s}@keyframes tourApila{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.tour-check{stroke-dasharray:40;stroke-dashoffset:40;animation:tourTrazo .5s .5s ease-out forwards}@keyframes tourTrazo{to{stroke-dashoffset:0}}.tour-flecha{animation:tourFluye 1.6s linear infinite}@keyframes tourFluye{to{stroke-dashoffset:-24}}.tour-registro{animation:tourApila .5s .2s cubic-bezier(.22,1,.36,1) both}.tour-sello{animation:tourSella .45s .7s cubic-bezier(.34,1.56,.64,1) both;transform-origin:200px 78px}@keyframes tourSella{0%{opacity:0;transform:scale(0) rotate(-25deg)}to{opacity:1;transform:none}}.tour-ciclo{stroke-dasharray:220;stroke-dashoffset:220;animation:tourTrazo 1.1s ease-out forwards}.tour-vuelta{animation:tourLate 2.2s ease-in-out infinite;transform-origin:120px 60px}@keyframes tourLate{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.tour-bandera{animation:tourOndea 3s ease-in-out infinite;transform-origin:70px 48px}@keyframes tourOndea{0%,to{transform:skewY(0)}50%{transform:skewY(-3deg)}}@media(prefers-reduced-motion:reduce){.tour-cuerpo,.tour-orbita,.tour-punto,.tour-card,.tour-check,.tour-flecha,.tour-registro,.tour-sello,.tour-ciclo,.tour-vuelta,.tour-bandera{animation:none}.tour-check,.tour-ciclo{stroke-dashoffset:0}}.apertura{display:flex;flex-direction:column;min-height:78vh;justify-content:space-between;cursor:pointer;animation:apFade .45s ease}@keyframes apFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.apertura-ruta{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-deep);opacity:.75;margin:8px 2px 0}.apertura-cuerpo{flex:1;display:flex;flex-direction:column;justify-content:center;padding:12px 4px}.apertura-t{font-size:1.65rem;line-height:1.28;font-weight:900;color:var(--ink);margin-bottom:14px}.apertura-sub{font-size:1.08rem;line-height:1.45;color:var(--ink-soft)}.apertura-pie{padding-bottom:6px}.apertura-puntos{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.apertura-puntos .pt{width:7px;height:7px;border-radius:50%;background:var(--primary-soft)}.apertura-puntos .pt.on{background:var(--primary-deep)}.btn-apertura{background:none;border:none;font-size:.95rem;padding:0 2px;cursor:pointer;vertical-align:middle;opacity:.8}.btn-apertura:active{transform:scale(.92)}#shell{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;position:relative}#topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px;flex:0 0 auto}.brand .logo-txt{font-family:"Baloo 2",cursive;font-weight:800;font-size:1.45rem;color:var(--primary-deep);letter-spacing:.2px}.brand .logo-txt span{color:var(--mango)}.brand small{display:block;font-size:.64rem;font-weight:700;color:var(--ink-soft);letter-spacing:.6px;text-transform:uppercase;margin-top:-3px}.statpills{display:flex;gap:8px}#app{flex:1 1 auto;min-height:0;padding:10px 18px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen{animation:fadeUp .28s ease both}.hero{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);color:#fff;border-radius:26px;padding:20px 18px;margin:8px 0 16px;box-shadow:var(--shadow-lift);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff14}.hero h1{font-size:1.35rem;font-weight:700;margin-bottom:4px}.hero p{font-size:.88rem;opacity:.94}.hero .mascot{flex:0 0 86px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.ruta-head{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 10px;gap:10px}.ruta-head h2{font-size:1.12rem;color:var(--primary-deep)}.ruta-head .prog{font-size:.78rem;font-weight:800;color:var(--ink-soft);white-space:nowrap}.lesson-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lesson-top .close{font-size:1.4rem;color:var(--ink-soft);min-width:var(--tap);min-height:var(--tap);display:flex;align-items:center;justify-content:center}.finish{text-align:center;padding:22px 6px}.finish .mascot{width:130px;height:auto;margin:6px auto 10px;animation:hop 1s ease infinite alternate}@keyframes hop{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.finish h2{font-size:1.5rem;color:var(--primary-deep)}.finish .bigscore{font-family:"Baloo 2",cursive;font-size:2.6rem;font-weight:800;color:#d98a16;margin:6px 0}.finish .xpgain{display:inline-block;background:var(--mango-soft);color:var(--mango-deep);font-weight:800;border-radius:999px;padding:6px 16px;margin-bottom:14px}.failed-list{text-align:left;margin:10px 0 14px}.failed-list li{font-size:.85rem;line-height:1.4;margin:0 0 6px 18px}.searchbox{width:100%;border:2.5px solid var(--primary-soft);border-radius:16px;padding:12px 15px;min-height:var(--tap);font-size:.95rem;font-family:inherit;margin-bottom:14px;background:var(--surface)}.searchbox:focus{outline:none;border-color:var(--primary)}#nav{flex:0 0 auto;background:var(--surface);border-top:1.5px solid #E3EDE7;display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}#nav[hidden]{display:none}#nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;font-weight:800;color:var(--ink-soft);padding:6px 14px;min-width:var(--tap);min-height:var(--tap);border-radius:14px;text-decoration:none}#nav a svg{width:24px;height:24px}#nav a[aria-current=page]{color:var(--primary-deep);background:var(--primary-soft)}.festejo .festejo-titulo{font-size:1.6rem;color:var(--primary-deep);margin:4px 0 2px}.festejo .festejo-sub{color:var(--ink-soft);font-weight:600;margin:2px 0 16px}.festejo-stats{display:flex;gap:10px;justify-content:center;margin:14px 0 18px;flex-wrap:wrap}.stat-tile{flex:1 1 0;min-width:86px;max-width:150px;background:var(--card,#fff);border:2px solid var(--primary-soft);border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-tile b{font-family:"Baloo 2",cursive;font-size:1.5rem;color:var(--primary-deep);line-height:1.1}.stat-tile .st-icono{font-size:1.15rem}.stat-tile .st-nombre{font-size:.72rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.stat-tile.meta{max-width:210px}.stat-tile .st-meta{font-weight:800;font-size:.86rem;color:var(--primary-deep);line-height:1.25}.festejo-racha{font-size:3.4rem;line-height:1;margin:8px 0 2px;animation:hop 1s ease infinite alternate}.semana{display:flex;gap:8px;justify-content:center;margin:14px 0 6px}.semana .dia{display:flex;flex-direction:column;align-items:center;gap:4px}.semana .dc{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:.95rem}.semana .dia.on .dc{background:var(--primary)}.semana .dia.hoy .dc{border-color:var(--mango)}.semana .dn{font-size:.7rem;font-weight:800;color:var(--ink-soft)}#shell.onboarding-mode{max-width:none;width:100%;height:100dvh;background:#071f1a}#shell.onboarding-mode #app{padding:0;overflow:hidden;background:#071f1a}#topbar[hidden]{display:none}.onboarding-screen{--ob-ink:#F5FFF9;--ob-muted:rgba(239,255,247,.76);position:relative;isolation:isolate;width:100%;height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--ob-ink);background:radial-gradient(900px 620px at 18% 4%,rgba(39,178,139,.26),transparent 62%),radial-gradient(850px 560px at 90% 88%,rgba(255,170,51,.16),transparent 68%),linear-gradient(145deg,#0b4d3e,#082e26 46%,#061e19)}.onboarding-screen.presentation{background:radial-gradient(980px 640px at 12% 10%,rgba(38,145,116,.3),transparent 62%),radial-gradient(850px 610px at 94% 80%,rgba(46,134,171,.17),transparent 68%),linear-gradient(145deg,#0b4d3e,#082b24,#061b17)}.onboarding-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.onboarding-bg:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.55) .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.onboarding-bg i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.32;animation:obFloat 9s ease-in-out infinite alternate}.onboarding-bg i:nth-child(1){width:240px;height:240px;left:-90px;top:20%;background:#5bc9aa33}.onboarding-bg i:nth-child(2){width:320px;height:320px;right:-120px;bottom:-90px;background:#ffaa331f;animation-delay:-3s}.onboarding-bg i:nth-child(3){width:120px;height:120px;right:18%;top:8%;background:#2e86ab26;animation-delay:-6s}@keyframes obFloat{0%{transform:translate3d(0,-8px,0) scale(.96)}to{transform:translate3d(12px,14px,0) scale(1.06)}}.onboarding-header{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:14px;padding:18px clamp(18px,4vw,52px);z-index:4;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(to bottom,#041b166b,#041b160a);backdrop-filter:blur(12px)}.onboarding-brand{display:flex;flex-direction:column;line-height:1}.onboarding-logo{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:2rem;font-weight:800;letter-spacing:.2px;color:#fff}.onboarding-logo span{color:var(--mango)}.onboarding-by{white-space:nowrap;font-size:.63rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffffffad;margin-top:-1px}.onboarding-brand.compact .onboarding-logo{font-size:1.55rem}.onboarding-brand.compact .onboarding-by{font-size:.56rem}.onboarding-mode-label{justify-self:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 13px;font-size:.72rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#ffffffc7;white-space:nowrap}.onboarding-controls{justify-self:end;display:flex;align-items:center;gap:8px}.onboarding-icon,.onboarding-exit{min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ffffff14;backdrop-filter:blur(10px);font-weight:800;transition:background .18s,transform .18s,border-color .18s}.onboarding-icon:hover,.onboarding-exit:hover{background:#ffffff26;border-color:#ffffff4d}.onboarding-icon:active,.onboarding-exit:active{transform:scale(.96)}.onboarding-exit{padding:0 17px;font-size:.82rem}.onboarding-manual{font-size:.72rem;color:#ffffffb3;font-weight:700;white-space:nowrap}.onboarding-stage{min-height:0;display:grid;grid-template-columns:minmax(360px,1.12fr) minmax(330px,.88fr);align-items:center;gap:clamp(20px,5vw,80px);padding:clamp(18px,3vw,42px) clamp(24px,6vw,86px);overflow:auto}.onboarding-visual-wrap{min-width:0;display:flex;align-items:center;justify-content:center;animation:obVisualIn .62s cubic-bezier(.2,.8,.2,1) both}.onboarding-copy{max-width:590px;animation:obCopyIn .58s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes obVisualIn{0%{opacity:0;transform:translate(-30px) scale(.96)}to{opacity:1;transform:none}}@keyframes obCopyIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.onboarding-eyebrow{font-size:.73rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#8ce2c7;margin-bottom:10px}.onboarding-copy h1,.tour-copy h1{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.98;letter-spacing:-1.4px;color:#fff;margin-bottom:17px;text-wrap:balance}.onboarding-copy h1:focus-visible,.tour-copy h1:focus-visible{outline:none}.onboarding-body{font-size:clamp(1.12rem,2vw,1.55rem);line-height:1.38;font-weight:700;color:#fff;max-width:720px;text-wrap:balance}.onboarding-note{font-size:clamp(.88rem,1.25vw,1.02rem);line-height:1.55;color:var(--ob-muted);margin-top:14px;max-width:660px}.onboarding-cta{margin-top:26px;padding-inline:25px;box-shadow:0 5px #a4630bb8,0 17px 38px #0003}.onboarding-footer{padding:12px clamp(18px,4vw,52px) calc(16px + env(safe-area-inset-bottom));z-index:4;background:linear-gradient(to top,#021410b8,#0214101a);border-top:1px solid rgba(255,255,255,.07)}.onboarding-dots{display:flex;justify-content:center;gap:0;margin-bottom:3px}.onboarding-dots button{width:32px;height:32px;min-width:32px;display:grid;place-items:center;border-radius:999px;background:transparent;position:relative}.onboarding-dots button:before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:#ffffff47;transition:width .25s,background .25s}.onboarding-dots button.active:before{width:26px;background:var(--mango)}.onboarding-time{height:3px;background:#ffffff1f;border-radius:999px;overflow:hidden}.onboarding-time i{display:block;width:0;height:100%;background:linear-gradient(90deg,#68D4B3,var(--mango));border-radius:inherit}.onboarding-navrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:10px;color:#ffffffa3;font-size:.72rem;font-weight:800}.onboarding-navbtn{color:#fff;min-height:38px;font-weight:800;font-size:.8rem;padding:4px 0}.onboarding-navbtn:first-child{justify-self:start}.onboarding-navbtn:last-child{justify-self:end}.onboarding-navbtn[disabled]{opacity:.28;cursor:default}.onboarding-ready{justify-self:end;color:#a8e7d4}.ob-visual{position:relative;width:min(100%,680px);aspect-ratio:1.35;min-height:300px;display:flex;align-items:center;justify-content:center}.ob-brand .ob-mascot-wrap{position:relative;z-index:3;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3));animation:obMascot 2.6s ease-in-out infinite alternate}@keyframes obMascot{0%{transform:translateY(4px) rotate(-1deg)}to{transform:translateY(-8px) rotate(1deg)}}.ob-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:obOrbit 15s linear infinite}.ob-orbit:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;top:9%;left:17%;background:var(--mango);box-shadow:0 0 22px #ffaa33d9}.orbit-a{width:72%;aspect-ratio:1;transform:rotate(-18deg)}.orbit-b{width:92%;aspect-ratio:1;transform:rotate(34deg);animation-duration:23s;animation-direction:reverse;opacity:.55}@keyframes obOrbit{to{rotate:360deg}}.ob-spark{position:absolute;color:var(--mango);font-size:1.6rem;text-shadow:0 0 22px rgba(255,170,51,.72);animation:obBlink 2.1s ease-in-out infinite alternate}.ob-spark.s1{left:17%;top:18%}.ob-spark.s2{right:14%;bottom:20%;animation-delay:-.8s}.ob-spark.s3{right:23%;top:14%;font-size:3rem;color:#7ad6bc;animation-delay:-1.2s}@keyframes obBlink{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.12)}}.ob-corporate-word{position:absolute;bottom:5%;font-size:.72rem;letter-spacing:4px;font-weight:700;color:#ffffffa3}.ob-corporate-word b{color:#fff}.ob-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ob-lines path{fill:none;stroke:#71dab86b;stroke-width:2;stroke-dasharray:8 8;animation:obDash 9s linear infinite}@keyframes obDash{to{stroke-dashoffset:-120}}.ob-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center}.ob-center svg{filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}.ob-center span{margin-top:-4px;background:#052c23d1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:800}.ob-node{position:absolute;display:flex;align-items:center;gap:9px;background:#fffffff0;color:var(--ink);border-radius:15px;padding:11px 14px;box-shadow:0 16px 40px #00000038;font-size:.8rem;animation:obNodeIn .6s both}.ob-node span{font-size:1.25rem}.ob-node.n1{left:1%;top:10%;animation-delay:.1s}.ob-node.n2{right:0;top:9%;animation-delay:.22s}.ob-node.n3{left:0;bottom:8%;animation-delay:.34s}.ob-node.n4{right:0;bottom:7%;animation-delay:.46s}@keyframes obNodeIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.ob-path{flex-direction:column;align-items:flex-start;justify-content:center;padding:5% 9%}.ob-path-node{position:relative;z-index:2;display:flex;align-items:center;gap:13px;width:78%;margin-bottom:13px;background:#fffffff0;color:var(--ink);border-radius:16px;padding:11px 16px;box-shadow:0 15px 34px #0000002e;animation:obPathIn .5s both}.ob-path-node span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);font-size:1.25rem;border:3px solid #fff;box-shadow:0 4px 12px #0000001a}.ob-path-node b{font-size:.91rem}.ob-path-node:nth-child(3){margin-left:12%}.ob-path-node:nth-child(4){margin-left:4%}.ob-path-node:nth-child(5){margin-left:16%}.ob-path-node:nth-child(6){margin-left:7%}.ob-path-node.p1{animation-delay:.05s}.ob-path-node.p2{animation-delay:.16s}.ob-path-node.p3{animation-delay:.27s}.ob-path-node.p4{animation-delay:.38s}.ob-path-node.p5{animation-delay:.49s}@keyframes obPathIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.ob-mini-window{width:min(92%,590px);background:#f6fbf8;border:1px solid rgba(255,255,255,.36);border-radius:22px;overflow:hidden;box-shadow:0 28px 65px #00000052;transform:rotate(-1.5deg)}.ob-mini-top{height:38px;background:#e6f2ec;display:flex;align-items:center;gap:6px;padding:0 14px;color:var(--ink-soft);font-size:.66rem;font-weight:800}.ob-mini-top i{width:8px;height:8px;border-radius:50%;background:#b9d4c8}.ob-mini-top i:first-child{background:#e99a83}.ob-mini-top i:nth-child(2){background:#f2c26c}.ob-mini-top i:nth-child(3){background:#77c7ac}.ob-mini-top span{margin-left:6px}.ob-mini-body{padding:20px;color:var(--ink)}.ob-mini-label{font-size:.64rem;font-weight:900;letter-spacing:1.1px;color:var(--primary);margin-bottom:6px}.ob-mini-body h3{font-size:1.1rem;margin-bottom:14px}.ob-mini-opt{border:2px solid var(--primary-soft);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:.78rem;font-weight:700;background:#fff}.ob-mini-opt.selected{border-color:var(--primary);background:var(--primary-soft);display:flex;justify-content:space-between}.ob-mini-opt.selected span{color:var(--primary-deep);font-weight:900}.ob-mini-feedback{background:var(--mango-soft);border-left:4px solid var(--mango);border-radius:10px;padding:9px 11px;font-size:.74rem;margin-top:11px}.ob-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px;width:min(80%,480px);transform:rotate(-2deg)}.ob-tool{position:relative;min-height:120px;background:#fffffff0;color:var(--ink);border-radius:20px;padding:17px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 42px #0003;animation:obToolIn .55s both}.ob-tool span{font-size:1.75rem;margin-bottom:7px}.ob-tool b{font-size:.9rem}.ob-tool i{position:absolute;right:10px;top:10px;width:18px;height:4px;background:var(--primary-soft);border-radius:99px;opacity:.9}.ob-tool.t1{animation-delay:.05s}.ob-tool.t2{animation-delay:.14s}.ob-tool.t3{animation-delay:.23s}.ob-tool.t4{animation-delay:.32s}.ob-tool.t5{animation-delay:.41s}@keyframes obToolIn{0%{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:none}}.ob-practice.toolkit .ob-tool-grid{grid-template-columns:repeat(3,minmax(105px,1fr));width:94%;transform:none}.ob-practice.toolkit .ob-tool{min-height:104px}.ob-practice.toolkit .ob-tool:last-child{grid-column:2}.ob-practice-mascot{position:absolute;right:3%;bottom:0;filter:drop-shadow(0 16px 20px rgba(0,0,0,.25));animation:obMascot 2.4s ease-in-out infinite alternate}.ob-profile-card,.ob-dashboard{width:min(94%,590px);background:#fffffff5;color:var(--ink);border-radius:23px;padding:20px;box-shadow:0 28px 68px #0000004d}.ob-profile-head{display:flex;align-items:center;gap:13px}.ob-profile-head svg{flex:0 0 74px}.ob-profile-head div{display:flex;flex-direction:column;flex:1}.ob-profile-head b{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1.05rem;color:var(--primary-deep)}.ob-profile-head span{font-size:.72rem;color:var(--ink-soft)}.ob-profile-head em{font-style:normal;background:var(--primary-soft);border-radius:999px;padding:6px 9px;font-size:.72rem;color:var(--primary-deep);font-weight:800}.ob-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.ob-profile-stats div{background:#f1f8f4;border-radius:13px;text-align:center;padding:10px 6px}.ob-profile-stats b{display:block;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1.2rem;color:var(--primary-deep)}.ob-profile-stats span{font-size:.63rem;color:var(--ink-soft);font-weight:800;text-transform:uppercase}.ob-profile-bar,.ob-team-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:8px;margin:10px 0;font-size:.7rem;font-weight:800}.ob-profile-bar>div,.ob-team-row>div{height:8px;background:var(--primary-soft);border-radius:99px;overflow:hidden}.ob-profile-bar i,.ob-team-row i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#45BE9D)}.ob-profile-bar b,.ob-team-row b{text-align:right;color:var(--primary-deep)}.ob-dash-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.ob-dash-head span{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1.05rem;color:var(--primary-deep);font-weight:800}.ob-dash-head b{font-size:.72rem;background:var(--sky-soft);color:var(--sky);padding:6px 9px;border-radius:999px}.ob-team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.ob-team-cards div{background:#f1f8f4;border-radius:13px;padding:10px;text-align:center}.ob-team-cards b{display:block;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1.22rem;color:var(--primary-deep)}.ob-team-cards span{font-size:.6rem;color:var(--ink-soft);font-weight:800;text-transform:uppercase}.ob-translate{gap:8%}.ob-doc{width:34%;min-width:150px;aspect-ratio:.78;background:#fff;color:var(--ink);border-radius:7px;padding:18px;box-shadow:0 22px 50px #00000047;transform:rotate(-5deg)}.ob-doc-title{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;color:var(--primary-deep);font-weight:800;margin-bottom:20px}.ob-doc i{display:block;height:7px;border-radius:99px;background:#dceae3;margin:10px 0}.ob-doc i.short{width:58%}.ob-arrow{font-size:2.6rem;color:var(--mango);font-weight:900;animation:obArrow 1.3s ease-in-out infinite alternate}@keyframes obArrow{to{transform:translate(10px)}}.ob-clear-card{width:43%;min-width:190px;background:#fffffff5;color:var(--ink);border-radius:20px;padding:22px;box-shadow:0 22px 50px #00000042;transform:rotate(3deg)}.ob-clear-card span{font-size:2rem}.ob-clear-card b{display:block;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1.15rem;color:var(--primary-deep);margin:7px 0}.ob-clear-card p{font-size:.78rem;line-height:1.45;color:var(--ink-soft)}.ob-light{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(90,218,178,.3),transparent 66%);filter:blur(4px)}.ob-final-mascot{position:relative;z-index:2;filter:drop-shadow(0 26px 36px rgba(0,0,0,.32));animation:obMascot 2.4s ease-in-out infinite alternate}.ob-first-route{position:absolute;z-index:3;bottom:2%;right:5%;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:17px;padding:12px 15px;box-shadow:0 18px 44px #00000040;min-width:210px}.ob-first-route>span{font-size:1.6rem}.ob-first-route div{display:flex;flex-direction:column;flex:1}.ob-first-route small{font-size:.58rem;font-weight:900;letter-spacing:1px;color:var(--primary)}.ob-first-route b{font-size:.9rem}.ob-first-route em{font-style:normal;color:var(--primary);font-size:1.2rem;font-weight:900}.ob-final-sign{position:absolute;z-index:3;bottom:4%;right:2%;border:1px solid rgba(255,255,255,.22);border-radius:15px;padding:11px 15px;text-align:right;font-size:.68rem;line-height:1.5;letter-spacing:1px;color:#ffffffb8}.ob-final-sign b{color:#fff;letter-spacing:2px}.onboarding-screen.tour{grid-template-rows:auto auto minmax(0,1fr) auto}.tour-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:min(440px,72vw);margin:13px auto 0;padding:0 20px}.tour-progress i{height:5px;border-radius:99px;background:#ffffff2e}.tour-progress i.done{background:linear-gradient(90deg,#68D4B3,var(--mango))}.tour-stage{min-height:0;display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(300px,.85fr);gap:clamp(24px,6vw,90px);align-items:center;padding:24px clamp(24px,7vw,100px);overflow:auto}.tour-device{width:min(100%,540px);justify-self:center;background:#0a1714;border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:9px;box-shadow:0 34px 80px #00000061;animation:obVisualIn .6s ease both}.tour-device-top{height:35px;display:flex;align-items:center;padding:0 12px;color:#ffffffb3;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-weight:800;font-size:.8rem}.tour-device-top span{margin-right:auto}.tour-device-top i{width:7px;height:7px;border-radius:50%;background:#397c68;margin-left:6px}.tour-device-screen{background:var(--bg);color:var(--ink);border-radius:22px;min-height:390px;padding:17px;overflow:hidden}.tour-coach{display:flex;align-items:flex-start;gap:18px;max-width:560px}.tour-coach>svg{flex:0 0 104px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.26))}.tour-copy{padding-top:9px}.tour-copy h1{font-size:clamp(2rem,4.5vw,4rem);margin-bottom:14px}.tour-copy p{font-size:1rem;line-height:1.55;color:var(--ob-muted);margin-bottom:22px}.tour-footer{text-align:center;color:#ffffff9e;font-size:.72rem;padding:10px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07)}.tour-mini-hero{background:linear-gradient(135deg,var(--primary),var(--primary-deep));border-radius:17px;padding:13px;color:#fff;display:flex;gap:10px;align-items:center}.tour-mini-hero div{display:flex;flex-direction:column}.tour-mini-hero b{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif}.tour-mini-hero span{font-size:.68rem;opacity:.88}.tour-mini-card{margin-top:13px;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.tour-mini-card small,.tour-mock-lesson>small,.tour-mock-quiz>small{font-size:.6rem;letter-spacing:1px;font-weight:900;color:var(--primary);margin-bottom:5px}.tour-mini-card>b{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;font-size:1rem;color:var(--primary-deep)}.tour-mini-card>span{font-size:.72rem;color:var(--ink-soft);margin:4px 0 14px}.tour-mini-card button,.tour-mock-lesson button,.tour-continue{background:var(--primary);color:#fff;border-radius:12px;min-height:44px;font-weight:800;padding:10px 12px}.tour-mini-progress{height:8px;background:var(--primary-soft);border-radius:99px;overflow:hidden;margin-bottom:18px}.tour-mini-progress i{display:block;width:25%;height:100%;background:var(--primary)}.tour-mock-lesson h3,.tour-mock-quiz h3,.tour-mock-saved h3{font-size:1.15rem;color:var(--primary-deep);margin-bottom:10px}.tour-mock-lesson p,.tour-mock-saved p{font-size:.8rem;line-height:1.5;margin-bottom:12px}.tour-keybox{font-size:.75rem;line-height:1.45;background:var(--mango-soft);border-left:4px solid var(--mango);border-radius:10px;padding:10px 11px;margin-bottom:16px}.tour-option{width:100%;text-align:left;background:#fff;border:2px solid var(--primary-soft);border-radius:12px;padding:10px 11px;font-size:.74rem;font-weight:700;margin-bottom:7px;min-height:43px}.tour-option.correct{border-color:var(--primary);background:var(--primary-soft)}.tour-option.wrong{border-color:var(--coral);background:var(--coral-soft)}.tour-feedback{display:flex;flex-direction:column;border-radius:11px;padding:10px 11px;margin:10px 0;font-size:.73rem;line-height:1.4}.tour-feedback.ok{background:var(--primary-soft)}.tour-feedback.no{background:var(--coral-soft)}.tour-feedback b{color:var(--primary-deep)}.tour-feedback.no b{color:var(--coral)}.tour-cloud{width:86px;height:86px;margin:12px auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);font-size:2.2rem;position:relative}.tour-cloud span{position:absolute;right:8px;bottom:8px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:.8rem;font-weight:900}.tour-mock-saved{text-align:center}.tour-saved-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.tour-saved-stats div{background:#fff;border-radius:11px;padding:9px 4px}.tour-saved-stats b{display:block;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;color:var(--primary-deep)}.tour-saved-stats span{display:block;font-size:.55rem;text-transform:uppercase;font-weight:800;color:var(--ink-soft)}.tour-saved-line{display:grid;grid-template-columns:75px 1fr 38px;gap:7px;align-items:center;text-align:left;font-size:.66rem;font-weight:800}.tour-saved-line>div{height:7px;background:var(--primary-soft);border-radius:99px;overflow:hidden}.tour-saved-line i{display:block;width:25%;height:100%;background:var(--primary)}.tour-saved-line b{text-align:right;color:var(--primary-deep)}.quali-intro-card{background:linear-gradient(145deg,#0e8066,#0a5847);color:#fff;position:relative;overflow:hidden}.quali-intro-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-62px;top:-70px;background:#ffffff14}.quali-intro-card .eyebrow{color:#a8e7d4}.quali-intro-card h2,.quali-intro-card h3{font-size:1.12rem;margin-bottom:5px;color:#fff}.quali-intro-card p{font-size:.84rem;line-height:1.5;color:#ffffffd6;margin-bottom:13px}.quali-intro-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:9px;position:relative;z-index:1}.quali-intro-actions .btn{box-shadow:none;padding-inline:12px}.quali-intro-actions .btn-primary{background:#fff;color:var(--primary-deep)}.quali-intro-actions .btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.quali-intro-note{position:relative;z-index:1;margin:10px 0 0!important;font-size:.73rem!important}@media(max-width:760px){.onboarding-header{grid-template-columns:1fr auto;padding:12px 14px}.onboarding-mode-label{display:none}.onboarding-brand.compact .onboarding-logo{font-size:1.38rem}.onboarding-brand.compact .onboarding-by{font-size:.5rem}.onboarding-controls{gap:5px}.onboarding-manual{display:none}.onboarding-icon{min-width:44px;min-height:44px}.onboarding-exit{min-height:44px;padding:0 12px;font-size:.76rem}.onboarding-stage{grid-template-columns:1fr;grid-template-rows:minmax(220px,.92fr) auto;gap:5px;padding:8px 20px 14px;text-align:center;align-items:center}.onboarding-visual-wrap{min-height:210px}.onboarding-copy{justify-self:center;max-width:520px}.onboarding-copy h1{font-size:clamp(2rem,10vw,3.15rem);margin-bottom:10px;letter-spacing:-.8px}.onboarding-body{font-size:1.05rem}.onboarding-note{font-size:.82rem;margin-top:8px}.onboarding-eyebrow{margin-bottom:6px;font-size:.66rem}.onboarding-cta{margin-top:16px}.onboarding-footer{padding:9px 15px calc(11px + env(safe-area-inset-bottom))}.onboarding-dots{margin-bottom:7px}.onboarding-navrow{margin-top:7px}.onboarding-ready{font-size:0;color:transparent}.onboarding-ready:after{content:"Listo";font-size:.72rem;color:#a8e7d4}.ob-visual{min-height:210px;max-height:290px;aspect-ratio:1.55}.ob-brand .ob-mascot-wrap svg{width:155px;height:155px}.orbit-a{width:62%}.orbit-b{width:78%}.ob-corporate-word{bottom:0}.ob-node{padding:8px 9px;font-size:.64rem;gap:5px}.ob-node span{font-size:1rem}.ob-center svg{width:104px;height:104px}.ob-center span{font-size:.6rem}.ob-lines{inset:5%}.ob-path{padding:2% 8%}.ob-path-node{padding:6px 10px;margin-bottom:6px;border-radius:11px}.ob-path-node span{width:34px;height:34px;font-size:1rem}.ob-path-node b{font-size:.69rem}.ob-mini-window{width:94%;border-radius:16px}.ob-mini-top{height:28px}.ob-mini-body{padding:13px}.ob-mini-body h3{font-size:.82rem;margin-bottom:8px}.ob-mini-opt{padding:7px 8px;font-size:.62rem;margin-bottom:5px}.ob-mini-feedback{font-size:.61rem;padding:7px 8px;margin-top:7px}.ob-tool-grid{width:82%;gap:8px}.ob-tool{min-height:78px;border-radius:13px;padding:9px}.ob-tool span{font-size:1.2rem;margin-bottom:3px}.ob-tool b{font-size:.65rem}.ob-practice-mascot svg{width:78px;height:78px}.ob-practice.toolkit .ob-tool-grid{width:95%;gap:7px}.ob-practice.toolkit .ob-tool{min-height:68px}.ob-profile-card,.ob-dashboard{width:94%;padding:13px;border-radius:16px}.ob-profile-head svg{width:54px;height:54px;flex-basis:54px}.ob-profile-head b,.ob-dash-head span{font-size:.82rem}.ob-profile-head span{font-size:.58rem}.ob-profile-stats{margin:9px 0;gap:5px}.ob-profile-stats div{padding:6px 3px}.ob-profile-stats b{font-size:.9rem}.ob-profile-stats span{font-size:.48rem}.ob-profile-bar,.ob-team-row{grid-template-columns:76px 1fr 32px;margin:6px 0;font-size:.55rem}.ob-team-cards{margin-top:9px}.ob-team-cards div{padding:6px 3px}.ob-team-cards b{font-size:.9rem}.ob-team-cards span{font-size:.45rem}.ob-translate{gap:5%}.ob-doc{min-width:105px;width:32%;padding:11px}.ob-doc-title{font-size:.74rem;margin-bottom:10px}.ob-doc i{height:5px;margin:7px 0}.ob-arrow{font-size:1.7rem}.ob-clear-card{min-width:140px;width:48%;padding:13px;border-radius:14px}.ob-clear-card span{font-size:1.35rem}.ob-clear-card b{font-size:.82rem}.ob-clear-card p{font-size:.58rem}.ob-final-mascot svg{width:150px;height:150px}.ob-first-route{min-width:165px;padding:8px 10px;right:2%;bottom:0}.ob-first-route>span{font-size:1.2rem}.ob-first-route b{font-size:.7rem}.ob-final-sign{font-size:.55rem;right:0;bottom:0}.tour-stage{grid-template-columns:1fr;grid-template-rows:minmax(300px,1fr) auto;gap:16px;padding:15px 18px;align-items:center}.tour-device{width:min(100%,430px);border-radius:22px;padding:7px}.tour-device-screen{min-height:302px;padding:13px;border-radius:16px}.tour-coach{align-items:center;gap:12px;max-width:500px}.tour-coach>svg{width:72px;height:72px;flex-basis:72px}.tour-copy{padding:0}.tour-copy h1{font-size:1.6rem;margin-bottom:6px}.tour-copy p{font-size:.82rem;line-height:1.4;margin-bottom:10px}.tour-progress{margin-top:8px}.tour-footer{padding:7px 12px calc(9px + env(safe-area-inset-bottom));font-size:.62rem}.tour-mini-hero{padding:9px}.tour-mini-card{padding:11px}.tour-mini-card>span{margin-bottom:8px}.tour-mock-lesson h3,.tour-mock-quiz h3,.tour-mock-saved h3{font-size:.9rem}.tour-mock-lesson p{font-size:.7rem}.tour-keybox{font-size:.65rem;margin-bottom:10px}.tour-option{padding:7px 8px;font-size:.64rem;min-height:36px}.tour-cloud{width:64px;height:64px;font-size:1.6rem}.tour-saved-stats{margin:8px 0}}@media(max-width:380px){.onboarding-stage{grid-template-rows:minmax(185px,.78fr) auto;padding-inline:14px}.onboarding-copy h1{font-size:1.78rem}.onboarding-body{font-size:.92rem}.onboarding-note{font-size:.72rem}.ob-visual{min-height:180px}.onboarding-navbtn{font-size:.7rem}.onboarding-navrow>span:nth-child(2){font-size:.66rem}.onboarding-exit{padding-inline:10px}.onboarding-brand.compact .onboarding-by{display:none}.ob-path-node{margin-bottom:4px}.ob-path-node span{width:30px;height:30px}.tour-stage{padding:10px 12px}.tour-device-screen{min-height:286px}.tour-coach>svg{display:none}.tour-copy h1{font-size:1.45rem}.quali-intro-actions{grid-template-columns:1fr}}@media(max-height:680px)and (max-width:760px){.onboarding-stage{grid-template-rows:minmax(155px,.64fr) auto;padding-top:4px}.onboarding-visual-wrap{min-height:150px}.ob-visual{min-height:150px;max-height:190px}.ob-brand .ob-mascot-wrap svg{width:125px;height:125px}.onboarding-copy h1{font-size:1.7rem}.onboarding-body{font-size:.9rem}.onboarding-note{font-size:.7rem}.onboarding-cta{min-height:40px;padding:9px 15px}.tour-stage{grid-template-rows:minmax(240px,1fr) auto}.tour-device-screen{min-height:235px}.tour-mini-hero,.tour-copy p,.tour-footer{display:none}}@media(prefers-reduced-motion:reduce){.onboarding-bg i,.ob-mascot-wrap,.ob-final-mascot,.ob-spark,.ob-orbit,.ob-lines path,.ob-node,.ob-path-node,.ob-tool,.ob-practice-mascot,.ob-arrow,.onboarding-visual-wrap,.onboarding-copy{animation:none!important}.onboarding-time i{transition:none}}.quali-intro-copy{position:relative;z-index:1}.quali-intro-card h2{font-size:1.2rem;color:#fff;margin:2px 0 6px}.quali-intro-card .quali-intro-copy>p{margin-bottom:14px}.quali-intro-note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:7px;margin:12px 0 0!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);font-size:.73rem!important}@media(max-width:900px){.onboarding-stage.has-cta{grid-template-rows:minmax(120px,.5fr) auto}.onboarding-stage.has-cta .onboarding-visual-wrap{min-height:120px}.onboarding-stage.has-cta .ob-visual{min-height:120px;max-height:210px}.onboarding-stage.has-cta .onboarding-note{display:none}.onboarding-cta{width:100%;max-width:340px}}@media(max-height:720px){.onboarding-stage.has-cta .onboarding-copy h1{font-size:1.55rem;margin-bottom:6px}.onboarding-stage.has-cta .onboarding-body{font-size:.88rem}.onboarding-stage.has-cta .ob-visual{max-height:160px}}.quali-intro-card{padding:18px}.quali-intro-top{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.quali-intro-mascot{flex:0 0 66px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));animation:qiFlota 3.2s ease-in-out infinite alternate}.quali-intro-copy{flex:1;min-width:0}.quali-intro-card h2{font-size:1.12rem;line-height:1.2;margin:1px 0 5px}.quali-intro-card .quali-intro-copy>p{font-size:.84rem;line-height:1.45;color:#ffffffdb;margin:0 0 9px}.quali-intro-meta{display:inline-flex;align-items:center;gap:6px;font-size:.71rem;font-weight:800;letter-spacing:.3px;color:#a8e7d4;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 11px}.quali-intro-meta>span{font-size:.62rem}.quali-intro-actions{margin-top:15px}.quali-intro-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-46px;bottom:-58px;background:#ffaa3329}@keyframes qiFlota{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.quali-intro-mascot{animation:none}}@media(max-width:420px){.quali-intro-top{gap:11px}.quali-intro-mascot{flex-basis:54px}.quali-intro-mascot svg{width:54px;height:54px}.quali-intro-card h2{font-size:1.04rem}}.tour-hint{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0!important;font-size:.82rem!important;font-weight:800;color:#0b3b30;background:var(--mango);border-radius:999px;padding:9px 15px;box-shadow:0 4px #a4630b8c,0 10px 22px #0000002e}.tour-hint-arrow{font-size:1rem;animation:tourHintTap 1.5s ease-in-out infinite}.tour-hint.resuelta{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.26);box-shadow:none}.tour-hint.resuelta>span{color:#9fe6c9;font-weight:900}@keyframes tourHintTap{0%,to{transform:translateY(0)}30%{transform:translateY(4px)}60%{transform:translateY(0)}}@media(max-height:760px){.tour-copy p{display:none}.tour-hint{display:inline-flex!important;margin-top:8px!important;font-size:.78rem!important;padding:8px 13px}}@media(prefers-reduced-motion:reduce){.tour-hint-arrow{animation:none}}