:root{--cp-blue-900:#071c32;--cp-blue-800:#0d304f;--cp-blue-700:#167ba8;--cp-blue-600:#27b9d5;--cp-cyan-400:#9cebf2;--cp-gold:#ffe080;--cp-gold-dark:#c9972d;--cp-ink:#102f49;--ink:#eff8ff;--muted:#b4ccde;--panel:rgba(13,39,63,.96);--line:#305777;--cp-shadow:0 16px 46px rgba(0,9,23,.22)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 90% 0,rgba(36,155,176,.16),transparent 48%),radial-gradient(ellipse at 0 65%,rgba(79,102,175,.13),transparent 50%),#081d32;color:var(--ink);line-height:1.55}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{transition:background .16s,transform .16s,box-shadow .16s}button:disabled{opacity:.55;cursor:wait}a,button,input,select,textarea{scroll-margin-top:100px}:focus-visible{outline:3px solid #ffe080;outline-offset:3px}
h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.2}p{line-height:1.65}h1{font-weight:850}a{text-underline-offset:4px}.muted,.field-note{color:#b4ccde}
.site-top{background:rgba(8,29,50,.95);border-bottom:1px solid #ffffff16;box-shadow:0 6px 24px #0002;backdrop-filter:blur(20px)}.site-top__in{min-height:76px;gap:20px;width:min(1400px,94vw)}.brand img{height:48px}.top-links{gap:24px}.top-links a{text-shadow:none;font-size:.9rem;font-weight:650}.top-links a:hover{color:#b6f3ff;text-decoration:none}.top-icon{width:40px;height:40px;border:1px solid #ffffff2b;border-radius:12px;background:#153c5b;box-shadow:none}.top-icon svg{width:27px;height:27px}
.play-btn,.top-links .play-btn,.top-links .play-link,.btn.play{background:#ffe080;color:#332a16;border:1px solid #ffe9a4;border-radius:12px;box-shadow:0 4px 18px #ffe08016;text-shadow:none;font-weight:800}.play-btn:hover,.btn.play:hover{background:#ffe9a4;color:#332a16;transform:translateY(-1px)}.play-dd,.user-dd,.notification-dd{border:1px solid #31516d;box-shadow:0 16px 48px #0006;padding:9px;border-radius:16px;background:#102d48;color:#e6f5ff}.play-dd a,.user-dd a,.notification-item{color:#e6f5ff;font-weight:600;border-radius:9px}.play-dd a:hover,.user-dd a:hover,.notification-item:hover{color:white;background:#214969}.user-dd .group-title{color:#8fb9d4}.user-dd .sep{background:#36516a}.user-btn,.notification-btn{background:#163b5a;box-shadow:none;border:1px solid #ffffff15}.notification-item span,.notification-empty{color:#a9c6dc}
.page,.wrap,.calendar-page{width:min(1360px,94vw);margin:28px auto 40px}.surface,.panel{background:var(--panel);border:1px solid #ffffff19;border-radius:22px;box-shadow:var(--cp-shadow)}.panel{padding:24px}.card,.kpi{background:#12334f;border:1px solid #ffffff13;border-radius:16px;padding:20px;box-shadow:none}.card+.card{margin-top:18px}.card h3{font-size:1.35rem}.card>p{max-width:85ch}.kpi .label{color:#95b9d2;font-size:.7rem;letter-spacing:.1em}.kpi .val{font-size:1.9rem}.dash{gap:12px;margin-bottom:22px}
.btn{background:#174965;border:1px solid #6cdbe240;border-radius:11px;color:#e7fcff;text-shadow:none;padding:10px 18px;font-weight:700;box-shadow:none}.btn:hover{background:#205e7b;border-color:#6cdbe280}.tabs{position:sticky;top:76px;z-index:15;flex-wrap:nowrap;overflow:auto;gap:5px;padding:10px 0 14px;background:#0d273ff5;scrollbar-width:thin}.tabs button{white-space:nowrap;border:1px solid transparent;border-radius:11px;padding:10px 15px;background:transparent;color:#b2ccdf;font-weight:650;text-shadow:none}.tabs button:hover{background:#173a56;color:white}.tabs button.on{background:#d1f6f9;border-color:#b7f0f5;color:#103948;box-shadow:none}
.panel input,.panel textarea,.panel select{background:#0b263e;border:1px solid #3c617e;color:#eef9ff;border-radius:10px;padding:11px 12px;margin-top:7px;accent-color:#58d5df}.panel input::placeholder,.panel textarea::placeholder{color:#87a7c0}.panel select option{background:#12334f;color:#eef9ff}.panel label{color:#b4cede;font-weight:650;font-size:.82rem;letter-spacing:.005em}.panel button{background:#197a97;border:1px solid #68dfef30;border-radius:10px;text-shadow:none;padding:11px 15px;font-weight:700}.panel button:hover{background:#2198b4}.panel button.secondary{background:#193d58}.panel table{background:#0c2a43;border-radius:12px;box-shadow:none}.panel th{color:#91b8d0;background:#0a2339;font-size:.69rem;letter-spacing:.08em;padding:13px 12px}.panel td{padding:12px;border-bottom:1px solid #ffffff0d}.panel tbody tr:hover{background:#ffffff05}.panel .article-editor input,.panel .article-editor textarea{color:#173657;background:transparent}.panel .moodle-toolbar button,.panel .moodle-toolbar select{color:#103a66;background:#fff}
.eyebrow{font-size:.69rem!important;letter-spacing:.16em!important;text-transform:uppercase;color:#7ddde5!important;font-weight:800!important;margin:0 0 8px!important}.calendar-hero{background:radial-gradient(ellipse at right top,#2f7c8b42,transparent 70%),#102e48;padding:48px}.calendar-hero h1{font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.03;max-width:820px;letter-spacing:-.055em}.calendar-hero>p{color:#b6d1e2;font-weight:500;max-width:670px}.calendar-kicker{color:#85e3e9;font-size:.7rem;letter-spacing:.16em}.calendar-hero:after{border-color:#6edce208}.state-card{padding:25px}.state-card__label{color:#8db4ca;font-size:.68rem;letter-spacing:.15em}.state-card h2{font-weight:750}.state-card p{font-weight:450;color:#b8cedd}.state-chip{background:#173f5c;border-color:#ffffff14;letter-spacing:.06em}.section-head h2{text-shadow:none}.section-head p{text-shadow:none;font-weight:450;color:#b4ccde}.timeline-item,.archive-card{background:#12334f;border:1px solid #ffffff17;box-shadow:none;color:#eaf5ff}.timeline-copy h3,.archive-card h3{color:#d6f3ff}.timeline-date,.archive-card__year{color:#72d6e0}.timeline-copy p,.archive-card p{color:#b6cede;font-weight:450}.timeline-status{background:#20455e;color:#bcebf4}.archive-card:hover{border-color:#72d6e0;transform:translateY(-2px)}.public-roadmap{padding:26px;margin-top:24px}.public-roadmap .section-head{margin-top:0}
.roadmap-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.roadmap-heading p:not(.eyebrow){color:#b4ccde;margin:8px 0}.roadmap-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-switch{display:flex!important;align-items:center;gap:12px;border:1px solid #345977;border-radius:14px;padding:15px;background:#0b283f;cursor:pointer;margin:0!important}.mode-switch input{width:20px!important;height:20px;flex:none;margin:0!important}.mode-switch strong{display:block;color:#e4f7ff;font-size:.92rem}.mode-switch small{display:block;color:#8fb3cc}.mode-switch:has(input:checked){border-color:#64dce6;background:#103b50}.roadmap-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;margin-top:24px;align-items:start}.roadmap-form{padding:20px;border:1px solid #ffffff12;background:#0b263d;border-radius:16px;position:sticky;top:145px}.roadmap-date-fields{display:grid;grid-template-columns:1fr;gap:4px}.roadmap-form-actions{display:flex;gap:8px;margin-top:14px}.inline-check{display:flex!important;align-items:center;gap:9px;margin-top:16px!important}.inline-check input{width:18px!important;height:18px;margin:0!important}.roadmap-month-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.roadmap-month-controls h4{margin:0;text-transform:capitalize;font-size:1.15rem;letter-spacing:-.02em}.roadmap-month-controls .month-arrow{width:34px;margin:0;padding:4px 8px;font-size:1.35rem;line-height:1;background:#183c59;border:1px solid #ffffff1a;color:#dcf7ff;border-radius:9px;cursor:pointer}.roadmap-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday{text-align:center;color:#7fa7c3;font-size:.72rem;padding:3px;font-weight:750}.calendar-day{height:46px;position:relative;background:#0b283f!important;color:#cae0ef!important;border:1px solid #ffffff0d!important;border-radius:10px!important;margin:0!important;width:100%;padding:6px!important;font-size:.88rem;font-weight:600!important;cursor:pointer}.calendar-day:hover{background:#20475f!important}.calendar-day.today{border-color:#8edbe9!important;color:#c4f6ff!important}.calendar-day.selected{background:#b5eff3!important;color:#0a3445!important;border-color:#b5eff3!important}.day-dots{position:absolute;display:flex;gap:3px;bottom:6px;left:0;width:100%;justify-content:center}.day-dots i{width:5px;height:5px;border-radius:50%;background:#5ed7ed}.day-dots i.vanilla{background:#b89cfa}.roadmap-timeline{display:grid;gap:12px;margin-top:20px}.roadmap-event{position:relative;padding:18px 20px;border:1px solid #ffffff15;border-radius:14px;background:#0e2c45}.roadmap-event.active{border-color:#65cbd570;box-shadow:inset 3px 0 #65cbd5}.roadmap-event.paused{opacity:.6}.roadmap-event h4{font-size:1.1rem;margin:10px 0 5px;color:#f0f9ff}.roadmap-event-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.client-badge{display:inline-flex;align-items:center;border-radius:6px;padding:3px 7px;font-size:.62rem;letter-spacing:.1em;font-weight:800;background:#153f56;color:#7be3ed}.client-badge.vanilla{background:#39324f;color:#d0b9ff}.event-state{font-size:.68rem;color:#88b4ce}.active .event-state{color:#8ae4ca}.event-dates,.event-phase{color:#99bdd4;margin:0;font-size:.78rem}.event-phase{margin-top:4px}.roadmap-edit{display:inline-flex!important;width:auto!important;margin-top:12px!important;font-size:.75rem!important;padding:6px 10px!important;background:#1a425e!important}.roadmap-empty{padding:22px;border:1px dashed #3d5e76;border-radius:13px;color:#a5c3d9;font-size:.88rem}.public-roadmap .roadmap-view{display:grid;grid-template-columns:1fr 1.2fr;gap:16px 32px;align-items:start}.public-roadmap .roadmap-month-controls{grid-column:1;grid-row:1;margin:0}.public-roadmap .roadmap-month{grid-column:1;grid-row:2}.public-roadmap .roadmap-timeline{grid-column:2;grid-row:1/4;margin:0}.public-roadmap .field-note{grid-column:1}
.hub-play{background:#081b2d}.hub-play__body{gap:16px;padding:18px;grid-template-columns:minmax(0,1fr) 275px}.ruffle-stage{border:1px solid #41637a;border-radius:18px;box-shadow:0 16px 50px #0005}.social-rail{background:#0c263e;border:1px solid #ffffff14;border-radius:16px;box-shadow:none}.social-head{background:#12334f;padding:18px;border-color:#ffffff0e}.social-title{font-size:.75rem;letter-spacing:.1em}.social-section{padding:15px}.social-section h3{font-size:.68rem;color:#93b8cd}.friend-btn{background:#153953;border-color:#ffffff0c;border-radius:12px;padding:10px}.friend-btn:hover,.friend-btn.active{background:#20516e;outline:1px solid #6cd8df}.friend-avatar{border-color:#54b6c3}.chat-popover{border:1px solid #486c85;border-radius:18px;overflow:hidden;background:#0b2338;box-shadow:0 20px 70px #0008}.chat-popover__head{background:#173b57;border-color:#ffffff12}.chat-messages{background:#0a2135}.chat-row{border-radius:12px;background:#204760}.chat-row.mine{background:#1b5957}.chat-form{border-color:#3e657a;border-radius:10px;overflow:hidden}.chat-form textarea{background:#0c2b42}.chat-close{color:#b4d3e7}.cp-footer{background:#07182a;border-top:1px solid #ffffff12;box-shadow:none}.cp-footer h4{font-size:1.2rem;text-shadow:none}.cp-footer li{color:#9fbdd3;font-weight:500}.cp-footer__in{padding-top:32px}.cp-footer__grid{gap:40px;padding-bottom:30px}
@media(min-width:1100px){.roadmap-card{padding:30px!important}.panel{padding:26px}.grid{gap:20px}}
@media(max-width:980px){.site-top__in{gap:12px;flex-wrap:wrap;padding:12px 0}.top-links{gap:13px}.top-links a{font-size:.82rem}.brand img{height:42px}.tabs{top:75px}.hub-play__body{padding:10px;grid-template-columns:1fr}.roadmap-workspace{grid-template-columns:1fr}.roadmap-form{position:static}.roadmap-date-fields{grid-template-columns:1fr 1fr}.public-roadmap .roadmap-view{display:block}.public-roadmap .roadmap-month-controls{margin-bottom:14px}.public-roadmap .roadmap-timeline{margin-top:22px}.calendar-hero{padding:30px}.dash{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.page,.wrap,.calendar-page{width:94vw;margin-top:16px}.panel,.card,.public-roadmap{padding:16px}.surface,.panel{border-radius:16px}.roadmap-heading{flex-direction:column}.roadmap-modes{grid-template-columns:1fr}.roadmap-date-fields{grid-template-columns:1fr}.calendar-hero{padding:25px}.calendar-day{height:42px}.dash{grid-template-columns:1fr 1fr}.top-links{gap:10px}.top-links .play-btn{padding:8px 14px}.cp-footer__grid{gap:24px}.tabs{position:static}.roadmap-form{padding:16px}.roadmap-workspace{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero{background:radial-gradient(ellipse at right top,#2f7c8b38,transparent 70%),#102e48;border:1px solid #ffffff19;border-radius:24px;padding:26px;box-shadow:var(--cp-shadow)}.hero-media{border:1px solid #ffffff24;border-radius:17px;background:#15344d}.hero-copy h1,.hero-copy p{text-shadow:none}.hero-copy h1{font-weight:800;letter-spacing:-.045em}.hero-copy p{color:#b4d0e1;font-weight:450;line-height:1.6}.hero-eyebrow{background:#173f56;color:#86dce6;font-size:.65rem;letter-spacing:.13em}.hero-copy .logo-text{filter:none}.party-status{background:#102e48;border-color:#ffffff19;padding:22px}.party-status p{font-weight:450;color:#afccdf}.party-status__label{font-size:.67rem;letter-spacing:.13em}.party-chip{background:#173f56;border-color:#ffffff15;color:#b9e7f0;font-size:.68rem}.promo-card,.news-card{background:#12334f;border:1px solid #ffffff17;box-shadow:none;border-radius:16px}.promo-body{padding:17px}.promo-body p,.news-card p{color:#b4ccde;font-weight:450;line-height:1.55}.promo-body h3{font-size:1.05rem}.section-title{margin-top:30px}.section-title h2{text-shadow:none}.auth-card{background:#102e48;padding:30px;border-color:#ffffff1f}.auth-card input,.auth-card select,.auth-card textarea{color:#eef9ff;background:#0b263e;border-color:#3c617e;border-radius:10px}.auth-card input::placeholder{color:#9ebcd0}.auth-card button{background:#ffe080;color:#332a16;border-color:#ffe9a4}.auth-links a{font-weight:550}.cp-footer__legal{background:#061422;color:#8facbf;border-color:#ffffff0d}.roadmap-form-actions{flex-wrap:wrap}#roadmap-delete{margin-top:12px;color:#ffc9c9}#roadmap-delete[hidden]{display:none}
.panel .tabs button{background:transparent;border-color:transparent;color:#b2ccdf;padding:10px 15px;font-weight:650}.panel .tabs button:hover{background:#173a56;color:#fff}.panel .tabs button.on{background:#d1f6f9;color:#103948;border-color:#b7f0f5}
@media(max-width:600px){.site-top{position:static}.top-links{flex-wrap:wrap;gap:10px 13px}.hero{padding:14px;border-radius:18px}.hero-copy{padding:20px 8px}.hero-media{min-height:0}.party-status{padding:18px}.roadmap-heading{gap:14px}}
.roadmap-workspace{grid-template-columns:minmax(0,1fr) 320px}.party-planner .roadmap-month{gap:7px}.party-planner .planner-day{height:auto!important;min-height:112px;padding:7px!important;cursor:default;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.planner-day-header{display:flex;justify-content:space-between;align-items:center}.panel .planner-day-header button{margin:0;padding:2px 5px;background:transparent;border:0;color:inherit;width:auto;font-size:.85rem}.panel .planner-day-header .planner-add{font-size:1.15rem;color:#7ddde5}.panel .day-party-chip{display:block;width:100%;text-align:left;padding:5px 6px;margin:0;border:1px solid #62d9e440;background:#153f56;color:#a5eef5;border-radius:6px;font-size:.68rem;line-height:1.3;overflow-wrap:anywhere;font-weight:600}.panel .day-party-chip.vanilla{background:#39324f;border-color:#b89cfa50;color:#dfd0ff}.panel .day-party-chip.draft{opacity:.6;border-style:dashed}.panel .planner-empty{padding:5px 0;margin:0;background:transparent;border:0;color:#87a9bf;font-size:.65rem;text-align:left;font-weight:450;width:100%;flex:1}.planner-day.selected{background:#194356!important;color:#e6fbff!important;border-color:#91e3eb!important}.selected-day-label{font-size:.82rem;color:#a0e5ee;text-transform:capitalize;margin:8px 0 20px}.roadmap-hours{margin:16px 0}.roadmap-hours summary{cursor:pointer;color:#bfddeb;font-size:.83rem}.roadmap-hours[open]{padding-bottom:8px}.party-planner .roadmap-timeline{margin-top:16px}.party-planner .roadmap-month-controls{margin-bottom:18px}
@media(max-width:1200px){.roadmap-workspace{grid-template-columns:1fr}.roadmap-form{position:static}.roadmap-date-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.party-planner .roadmap-month{gap:3px}.party-planner .planner-day{min-height:85px;padding:3px!important;border-radius:6px!important}.panel .day-party-chip{font-size:.57rem;padding:4px 3px}.panel .planner-empty{font-size:.55rem}.panel .planner-day-header button{padding:1px 3px;font-size:.75rem}.party-planner .weekday{font-size:.62rem}.roadmap-date-fields{grid-template-columns:1fr}}
@media(max-width:600px){.planner-day-header{gap:0}.panel .planner-day-header .planner-day-select{padding:0;min-width:0;flex:1;text-align:left}.panel .planner-day-header .planner-add{padding:0;width:12px;min-width:12px;font-size:.9rem;line-height:1}.panel .day-party-chip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:34px}.panel .planner-empty{font-size:0}.panel .planner-empty:after{content:'Elegir';font-size:.55rem}}