.campus-root{--c-bg:#F7F8FB;--c-surface:#ffffff;--c-text:#22304A;--c-text-2:#3A4763;--c-soft:#6B7893;--c-border:#E4E8F0;--c-shadow:rgba(27,54,93,.08);--c-track:#E4E8F0;max-width:412px;margin:0 auto;min-height:100dvh;background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;box-shadow:0 0 40px #1b365d24}.campus-root h1{font-size:26px;line-height:1.2}.campus-root h2{font-size:20px}.campus-root h3{font-size:16px;line-height:1.45}.c-gold{color:#c9a962}.c-shell{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:24px}.c-hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:34px 26px;background:linear-gradient(180deg,#1b365d,#24477a);color:#fff}.c-hero p{color:#c7d2e4;font-size:15px;line-height:1.5}.c-btn{display:block;width:calc(100% - 40px);margin:6px 20px;min-height:52px;border:none;border-radius:14px;background:#1b365d;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 3px #12233e;text-align:center;line-height:52px;text-decoration:none}.c-btn:active{transform:translateY(2px);box-shadow:none}.c-btn.gold{background:#c9a962;color:#1b365d;box-shadow:0 3px #a8894b}.c-btn.green{background:#12a67a;box-shadow:0 3px #0c7d5c}.c-btn.ghost{background:var(--c-surface);color:var(--c-text);border:2px solid var(--c-border);box-shadow:0 3px 0 var(--c-border)}.c-btn:disabled{opacity:.45}.c-hero .c-btn{width:auto;min-width:260px;padding:0 22px}.c-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:5}.c-stat{display:flex;align-items:center;gap:5px;font-weight:800;font-size:15px}.c-stat.amber{color:#f5820a}.c-stat.coral{color:#e4485b}.c-stat.gold{color:#c9a962}.c-chip{font-size:11px;font-weight:700;background:#e3f5f7;color:#1b365d;border-radius:999px;padding:4px 10px}.c-agente{display:inline-flex;align-items:center;gap:5px;color:var(--c-text);font-weight:700;font-size:12px;text-decoration:none;border:1px solid var(--c-border);border-radius:999px;padding:6px 10px;min-height:32px;white-space:nowrap}.c-agente:hover{border-color:#1b365d}@media(max-width:359px){.c-agente-t{display:none}}.c-banner{margin:16px 18px 6px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px var(--c-shadow)}.c-code{font-size:10px;font-weight:800;color:var(--c-soft);letter-spacing:.8px}.c-cheer{display:flex;align-items:flex-end;gap:8px;margin:8px 22px 14px}.c-bubble{background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;padding:10px 13px;font-size:13px;line-height:1.45;box-shadow:0 2px 10px var(--c-shadow)}.c-path{display:flex;flex-direction:column;padding:6px 22px}.c-prow{display:flex;align-items:center;gap:16px;margin:9px 0}.c-prow.r{flex-direction:row-reverse}.c-prow.r .c-ptag{text-align:right}.c-ptag{flex:1;font-size:13px;font-weight:700;line-height:1.35}.c-ptag small{display:block;color:var(--c-soft);font-weight:500;font-size:11px;margin-top:2px}.c-pnode{flex:0 0 74px;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.c-pnode.done{background:#c9a962;box-shadow:0 5px #a8894b;color:#1b365d}.c-pnode.now{background:#12a67a;box-shadow:0 5px #0c7d5c;color:#fff;animation:c-pulse 2s infinite}.c-pnode.lock{background:#d9dee9;box-shadow:0 5px #b9c1d2;color:#98a2b8}@keyframes c-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.c-pnode.now{animation:none}}.c-note{font-size:11px;color:var(--c-soft);text-align:center;line-height:1.5;padding:10px 22px}.c-onb{padding:26px 20px 14px}.c-steps{font-size:12px;color:var(--c-soft);font-weight:700;margin-bottom:8px}.c-choice{display:flex;align-items:center;gap:14px;background:var(--c-surface);border:2px solid var(--c-border);border-radius:16px;padding:16px;margin:0 20px 12px;cursor:pointer;min-height:64px;font-weight:700;font-size:15px;text-align:left;width:calc(100% - 40px)}.c-choice small{display:block;font-weight:500;color:var(--c-soft);font-size:12px;margin-top:2px}.c-mono{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#1b365d;color:#c9a962;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}.c-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 20px 16px}.c-chipbtn{border:2px solid var(--c-border);background:var(--c-surface);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}.c-chipbtn.on{border-color:#12a67a;background:#e4f6ee;color:#1d7a54}.c-ltop{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:5}.c-close{font-size:22px;color:var(--c-soft);background:none;border:none;cursor:pointer;min-width:44px;min-height:44px}.c-lbar{flex:1;height:12px;background:var(--c-track);border-radius:999px;overflow:hidden}.c-lbar>div{height:100%;background:#12a67a;border-radius:999px;transition:width .3s}.c-qwrap{padding:22px 20px}.c-qwrap h3{color:var(--c-text)}.c-qnum{font-size:11px;font-weight:800;color:var(--c-soft);letter-spacing:1px;margin-bottom:8px}.c-opt{display:block;width:100%;text-align:left;background:var(--c-surface);border:2px solid var(--c-border);border-radius:14px;padding:15px 16px;font-size:14.5px;font-weight:600;margin:10px 0 0;cursor:pointer;min-height:52px;color:var(--c-text)}.c-opt.sel{border-color:#12a9bb;background:#e3f5f7}.c-opt.ok{border-color:#12a67a;background:#e4f6ee}.c-opt.bad{border-color:#e4485b;background:#fceaea}.c-explain{margin:6px 20px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid #C9A962;border-radius:12px;padding:15px}.c-exphead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.c-exphead h4{font-size:13px;color:#c9a962;display:flex;align-items:center;gap:6px;margin-right:auto}.c-explain p{font-size:13.5px;line-height:1.55;color:var(--c-text-2)}.c-cita{display:inline-flex;align-items:center;gap:6px;background:#fef3e6;border:1.5px dashed #F5820A;color:#8f5a0c;font-size:12px;font-weight:800;border-radius:999px;padding:6px 12px;margin-top:10px}.c-muestra{font-size:10px;color:#e4485b;font-weight:800;display:block;margin-top:6px}.c-tutor{display:inline-flex;align-items:center;gap:7px;margin:12px 0;background:#12a9bb;color:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;min-height:44px}.c-explain .c-btn{width:100%;margin:10px 0 0}.c-donehero{text-align:center;padding:44px 24px 10px}.c-xp{display:inline-block;background:#f7f0df;border:2px solid #C9A962;color:#7a6230;font-weight:900;font-size:22px;border-radius:16px;padding:12px 26px;margin-top:16px}.c-drow{display:flex;gap:10px;padding:16px 20px}.c-dstat{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;text-align:center;padding:14px 6px}.c-dstat .v{font-size:20px;font-weight:900;color:var(--c-text);display:flex;align-items:center;justify-content:center;gap:4px}.c-dstat .v .amber{color:#f5820a}.c-dstat .k{font-size:11px;color:var(--c-soft);font-weight:700;margin-top:3px}.c-upsell{position:fixed;inset:0;background:#1223408c;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.c-upcard{background:var(--c-surface);border-radius:20px;padding:26px 22px;text-align:center;max-width:360px;display:flex;flex-direction:column;gap:10px;align-items:center}.c-upcard p{color:var(--c-soft);font-size:14px;line-height:1.5}.c-upcard .c-btn{width:100%;margin:0}.c-fill{font-size:16px;line-height:2.2;color:var(--c-text);font-weight:600;background:var(--c-surface);border:2px solid var(--c-border);border-radius:14px;padding:16px 18px;margin:4px 0 16px}.c-hueco{display:inline-block;min-width:78px;text-align:center;border-bottom:2.5px solid #C9A962;color:#9aa6bc;font-weight:800;padding:1px 8px;margin:0 2px}.c-hueco.filled{color:#0c7c88;border-bottom-color:#12a9bb;background:#e3f5f7;border-radius:8px 8px 0 0}.c-hueco.ok{color:#0b7a55;border-bottom-color:#12a67a;background:#e4f6ee;border-radius:8px 8px 0 0}.c-hueco.bad{color:#b0263a;border-bottom-color:#e4485b;background:#fceaea;border-radius:8px 8px 0 0}.c-hgroup{margin:0 0 12px}.c-hlabel{font-size:11px;font-weight:800;color:var(--c-soft);letter-spacing:.5px;margin:0 0 7px}.c-hbank{display:flex;flex-wrap:wrap;gap:8px}.c-hopt{background:var(--c-surface);border:2px solid var(--c-border);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:700;color:var(--c-text-2);cursor:pointer;min-height:44px}.c-hopt.sel{border-color:#12a9bb;background:#e3f5f7;color:#0c7c88}.c-hopt:disabled{opacity:.9;cursor:default}.c-medal{display:block}.c-medal.lock{filter:grayscale(1);opacity:.42}.c-vitrina{margin:14px 18px 4px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:14px 14px 6px;box-shadow:0 2px 10px var(--c-shadow)}.c-vhead{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 10px}.c-vhead span{font-size:14px;font-weight:800;color:var(--c-text)}.c-vhead small{font-size:12px;font-weight:800;color:#c9a962}.c-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.c-vbadge{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 2px 10px}.c-vname{font-size:10px;font-weight:700;color:var(--c-text-2);line-height:1.2;text-align:center}.c-vprog{display:block;width:44px;height:5px;background:var(--c-track);border-radius:999px;overflow:hidden}.c-vprog.wide{width:100%;height:8px;margin-top:6px}.c-vprog>i{display:block;height:100%;background:#12a9bb;border-radius:999px}.c-vgot{font-size:12px;font-weight:800;color:#12a67a}.c-vgot.muted{color:var(--c-soft)}.c-cele{position:fixed;inset:0;background:#1223409e;z-index:60;display:flex;align-items:center;justify-content:center;padding:22px}.c-celcard{background:var(--c-surface);border-radius:28px;padding:26px 24px 22px;text-align:center;max-width:340px;display:flex;flex-direction:column;gap:8px;align-items:center;animation:c-pop .32s cubic-bezier(.34,1.56,.64,1)}.c-celburst{position:relative;display:flex;align-items:center;justify-content:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#F7F0DF 0%,var(--c-surface) 70%)}.c-celburst:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(#C9A962 0 8%,transparent 8% 12.5%);opacity:.5;animation:c-spin 9s linear infinite}.c-celkicker{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#c9a962;text-transform:uppercase}.c-celcard h2{font-size:21px;color:var(--c-text)}.c-celcard p{font-size:13.5px;color:var(--c-soft);line-height:1.5}.c-celcard .c-btn{width:100%;margin:8px 0 0}@keyframes c-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c-celcard{animation:none}.c-celburst:before{animation:none;display:none}}.c-repaso{display:flex;align-items:center;gap:12px;width:calc(100% - 36px);margin:14px 18px 2px;padding:13px 15px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;cursor:pointer;text-align:left;box-shadow:0 2px 10px var(--c-shadow)}.c-repaso.due{border-color:#12a9bb;background:linear-gradient(180deg,rgba(18,169,187,.1),var(--c-surface))}.c-repaso-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e3f5f7;color:#0c7c88}.c-repaso.due .c-repaso-ic{background:#12a9bb;color:#fff}.c-repaso-txt{flex:1;font-size:15px;font-weight:800;color:var(--c-text);line-height:1.25}.c-repaso-txt small{display:block;font-weight:600;color:var(--c-soft);font-size:12px;margin-top:2px}.c-repaso.due .c-repaso-txt small{color:#0c7c88}.c-repaso-badge{flex:0 0 auto;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#e4485b;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.c-repaso-prog{font-size:11px;font-weight:800;color:var(--c-soft);letter-spacing:.6px;text-align:center;padding:12px 20px 0}.c-repaso-state{min-height:66vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:34px 26px}.c-repaso-state h2{color:var(--c-text)}.c-repaso-state p{color:var(--c-soft);font-size:14px;line-height:1.5;max-width:320px}.c-repaso-state .c-btn{width:auto;min-width:240px;margin-top:6px}.c-side{display:none}.c-rail{margin:0 0 14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:14px;box-shadow:0 2px 10px var(--c-shadow)}.c-railhead{font-size:13px;font-weight:800;color:var(--c-text);margin:0 2px 10px}.c-railstats{display:flex;gap:8px}.c-railstat{flex:1;text-align:center;background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;padding:10px 4px}.c-railstat .c-stat{justify-content:center;font-size:17px}.c-railstat small{display:block;font-size:10px;color:var(--c-soft);font-weight:700;margin-top:3px}@media(min-width:1024px){.campus-root:has(.c-body){max-width:900px}.c-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 26px;align-items:start;padding:10px 14px 0}.c-main{min-width:0}.c-side{display:block;position:sticky;top:74px}.c-side .c-vitrina{margin:0}.c-vitrina-m,.c-topbar .c-stat{display:none}}.c-stat.cyan{color:#12a9bb}.c-freeze-nota{display:flex;align-items:center;gap:8px;margin:10px 18px 0;padding:10px 12px;border-radius:12px;background:#12a9bb1f;border:1px solid #12A9BB;color:#0c7c88;font-size:12.5px;font-weight:700;line-height:1.35}.c-freeze-nota span{flex:1}.c-freeze-x{background:none;border:none;color:#0c7c88;cursor:pointer;display:flex;align-items:center;padding:2px;min-width:24px;min-height:24px;justify-content:center}.c-railfreeze{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:12px;background:#12a9bb1a;border:1px solid var(--c-border)}.c-railfreeze .c-stat{font-size:16px}.c-railfreeze small{color:var(--c-soft);font-size:11px;font-weight:700;line-height:1.3}.c-pnode.prof{background:#12a67a;box-shadow:0 5px #0c7d5c;color:#fff}.c-niv{font-weight:800}.c-niv.fam{color:var(--c-soft)}.c-niv.prof{color:#12a67a}.c-niv.dom{color:#c9a962}.c-railmaestria{margin-top:12px}.c-railsub{font-size:11px;font-weight:800;color:var(--c-soft);letter-spacing:.5px;margin:0 2px 6px;text-transform:uppercase}.c-maestria-legend{display:flex;flex-direction:column;gap:3px}.c-maestria-legend .c-niv{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700}.c-maestria-legend .c-niv>i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.c-maestria-legend .c-niv.fam>i{background:var(--c-soft)}.c-maestria-legend .c-niv.prof>i{background:#12a67a}.c-maestria-legend .c-niv.dom>i{background:#c9a962}.c-practica .c-repaso-ic{background:#e4f6ee;color:#0c7d5c}.c-practica.due{border-color:#12a67a;background:linear-gradient(180deg,rgba(18,166,122,.1),var(--c-surface))}.c-practica.due .c-repaso-ic{background:#12a67a;color:#fff}.c-practica.due .c-repaso-txt small{color:#0c7d5c}.c-practica .c-repaso-badge{background:#12a67a}.c-xp.c-vidaganada{display:inline-flex;align-items:center;gap:8px;background:#fceaea;border-color:#e4485b;color:#b0263a}.c-freecupo{display:flex;align-items:center;gap:8px;margin:10px 18px 0;padding:9px 13px;border-radius:12px;background:var(--c-surface);border:1px dashed var(--c-border);color:var(--c-soft);font-size:12px;font-weight:700}.c-freecupo.out{border-color:#12a67a;color:#0c7d5c;background:#12a67a14}.c-freecupo-cta{margin-left:auto;color:#fff;font-weight:800;text-decoration:none;background:#12a67a;border-radius:999px;padding:5px 12px;font-size:11px;min-height:28px;display:flex;align-items:center}@media(prefers-color-scheme:dark){.campus-root{--c-bg:#0E1A2E;--c-surface:#17253D;--c-text:#E7ECF5;--c-text-2:#C3CEDF;--c-soft:#93A3BC;--c-border:#2A3B55;--c-shadow:rgba(0,0,0,.45);--c-track:#2A3B55}.c-chip{background:#12a9bb2e;color:#7fdce8}.c-opt.sel{background:#12a9bb29}.c-opt.ok{background:#12a67a2e}.c-opt.bad{background:#e4485b2e}.c-chipbtn.on{background:#12a67a33;color:#7fd9b4;border-color:#12a67a}.c-pnode.lock{background:#2a3c56;box-shadow:0 5px #1b2a42;color:#6e7f9c}.c-cita{background:#f5820a24;color:#f3b270;border-color:#f5820a}.c-xp{background:#c9a96229;border-color:#c9a962;color:#e4c77e}.c-hueco{color:#7e8da6}.c-hueco.filled{color:#7fdce8;border-bottom-color:#12a9bb;background:#12a9bb29}.c-hueco.ok{color:#5fd3a6;border-bottom-color:#12a67a;background:#12a67a2e}.c-hueco.bad{color:#f0a0ac;border-bottom-color:#e4485b;background:#e4485b2e}.c-hopt.sel{color:#7fdce8;background:#12a9bb29}.c-celburst{background:radial-gradient(circle,rgba(201,169,98,.22),var(--c-surface) 70%)}.c-repaso-ic{background:#12a9bb2e;color:#7fdce8}.c-repaso.due .c-repaso-ic{background:#12a9bb;color:#fff}.c-practica .c-repaso-ic{background:#12a67a33;color:#5fd3a6}.c-practica.due .c-repaso-ic{background:#12a67a;color:#fff}.c-practica.due .c-repaso-txt small{color:#5fd3a6}.c-niv.fam,.c-maestria-legend .c-niv.fam{color:var(--c-soft)}.c-niv.prof,.c-maestria-legend .c-niv.prof{color:#5fd3a6}.c-freecupo.out{color:#5fd3a6;background:#12a67a24}.c-xp.c-vidaganada{background:#e4485b2e;border-color:#e4485b;color:#f0a0ac}.c-freeze-nota{color:#7fdce8}}