@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap";
:root{--bg:#0d0f14;--panel:#13161e;--border:#1e2330;--text:#c8d0e0;--muted:#5a6278;--accent:#3b82f6;--disabled:#1a1e28;--disabled-border:#252a38;--disabled-text:#3a4055;--available:#e8ecf4;--available-border:#8090b0;--available-text:#1a1e28;--cursada:#fbbf24;--cursada-border:#d97706;--cursada-text:#1a1000;--cursando:#3b82f6;--aprobada:#22c55e;--aprobada-border:#16a34a;--aprobada-text:#001a08;--n1:#6366f1;--n2:#8b5cf6;--n3:#ec4899;--n4:#f97316;--n5:#14b8a6;--ne:#64748b}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;position:relative;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif}header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0f14f2;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 28px;display:flex;position:fixed;top:0;left:0;right:0}.header-titles{flex-direction:column;gap:2px;display:flex}.logo{letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:1.1rem;font-weight:800}.logo span{color:var(--accent)}.subtitle{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.65rem}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-cafecito{padding:8px 14px;font-size:.8rem;position:static;bottom:auto;right:auto}.legend{flex-wrap:wrap;gap:18px;font-family:Space Mono,monospace;font-size:.72rem;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;display:flex}.legend-dot{border:2px solid;border-radius:3px;flex-shrink:0;width:12px;height:12px}.ld-disabled{background:var(--disabled);border-color:var(--disabled-border)}.ld-available{background:var(--available);border-color:var(--available-border)}.ld-cursada{background:var(--cursada);border-color:var(--cursada-border)}.ld-aprobada{background:var(--aprobada);border-color:var(--aprobada-border)}.hint{color:var(--muted);text-align:right;font-family:Space Mono,monospace;font-size:.68rem;line-height:1.5}main{max-width:1200px;margin:0 auto;padding-bottom:80px;padding-top:100px!important}.level-section{z-index:2;margin-bottom:40px;position:relative}.level-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.level-badge{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:20px;padding:4px 12px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.level-line{opacity:.15;background:currentColor;flex:1;height:1px}.subject-grid{flex-wrap:wrap;gap:10px;display:flex}.subject-card{border:1.5px solid var(--disabled-border);background:var(--disabled);color:var(--disabled-text);cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;width:200px;padding:10px 14px;font-size:.78rem;font-weight:600;line-height:1.35;transition:all .2s;position:relative}.subject-card.available{background:var(--available);border-color:var(--available-border);color:var(--available-text);cursor:pointer;box-shadow:0 2px 12px #8090b026}.subject-card.available:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8090b040}.subject-card.cursada{background:var(--cursada);border-color:var(--cursada-border);color:var(--cursada-text);cursor:pointer;box-shadow:0 2px 12px #fbbf2433}.subject-card.cursada:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2459}.subject-card.aprobada{background:var(--aprobada);border-color:var(--aprobada-border);color:var(--aprobada-text);cursor:pointer;box-shadow:0 2px 12px #22c55e33}.subject-card.aprobada:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.subject-card.cursando{background-color:var(--cursando);border-color:var(--cursando);color:#111;box-shadow:0 4px 15px #3b82f64d}.subject-card.cursando .subject-num,.subject-card.cursando .subject-name,.subject-card.cursando .subject-hours{color:#111;opacity:1}.subject-num{opacity:.5;margin-bottom:4px;font-family:Space Mono,monospace;font-size:.6rem}.subject-name{font-weight:700}.subject-hours{opacity:.55;margin-top:5px;font-family:Space Mono,monospace;font-size:.6rem}.subject-status-icon{font-size:.85rem;position:absolute;top:8px;right:10px}.electivas-section{margin-top:50px}.electivas-grid-wrapper{flex-direction:column;gap:24px;display:flex}.electivas-level-label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:4px;margin-bottom:10px;font-family:Space Mono,monospace;font-size:.65rem}.stats-bar{z-index:100;border-top:1px solid var(--border);background:#0d0f14f7;align-items:center;gap:24px;padding:10px 28px;font-family:Space Mono,monospace;font-size:.7rem;display:flex;position:fixed;bottom:0;left:0;right:0}.stat{align-items:center;gap:8px;display:flex}.stat-val{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.stat-label{color:var(--muted)}.progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--aprobada));border-radius:2px;height:100%;transition:width .4s}.tooltip{z-index:200;border:1px solid var(--border);color:var(--text);pointer-events:none;opacity:0;background:#1e2330;border-radius:8px;max-width:220px;padding:10px 14px;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.6;transition:opacity .15s;position:fixed}.tooltip.show{opacity:1}.action-menu{z-index:300;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;min-width:140px;padding:6px;display:flex;position:fixed;box-shadow:0 4px 20px #0009}.action-btn{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 12px;font-family:Syne,sans-serif;font-size:.85rem;transition:background .2s;display:flex}.action-btn:hover{background:var(--border)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#0d0f14d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:450px;padding:30px;box-shadow:0 10px 40px #00000080}.carousel-slide h3{color:#fff;margin-bottom:12px;font-size:1.2rem}.carousel-slide p{color:var(--text);margin-bottom:20px;font-size:.9rem;line-height:1.6}.modal-controls{flex-direction:column;gap:20px;margin-top:10px;display:flex}.dots{justify-content:center;gap:8px;display:flex}.dot{background:var(--disabled-border);border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--accent);border-radius:4px;width:24px}.buttons{justify-content:space-between;gap:12px;display:flex}button{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.buttons button{flex:1}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--border)}.btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:1px solid #b91c1c;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-danger:hover{background-color:#b91c1c}.cafecito-btn{color:#1a1000;z-index:100;background-color:#f59e0b;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:80px;right:28px;box-shadow:0 4px 15px #f59e0b40}.cafecito-btn:hover{background-color:#fbbf24;transform:translateY(-3px);box-shadow:0 6px 20px #f59e0b66}.help-btn{color:var(--muted);border:1.5px solid var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Space Mono,monospace;font-weight:800;transition:all .2s;display:flex}.help-btn:hover{background:var(--muted);color:#fff}.scroll-top-btn{background-color:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;z-index:100;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;font-weight:800;transition:all .3s;display:flex;position:fixed;bottom:80px;right:28px;transform:translateY(20px);box-shadow:0 4px 15px #00000080}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{background-color:var(--border);color:#fff}.instruction-mobile{display:none}.instruction-desktop{display:block}.gif-placeholder{background:var(--disabled);border:1px dashed var(--muted);text-align:center;color:var(--muted);border-radius:6px;margin-top:15px;padding:30px 10px;font-family:Space Mono,monospace;font-size:.75rem}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.popping{animation:.25s pop}@keyframes fadeIn{to{opacity:1}}@media (pointer:coarse){.hint-desktop{display:none}.hint-mobile{display:block}.instruction-desktop{display:none}.instruction-mobile{display:block}}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.header-left{flex-direction:row;align-items:center;gap:30px;display:flex}.mobile-only{display:none!important}.desktop-only{display:flex!important}.hamburger-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{background:var(--panel);border-left:1px solid var(--border);z-index:1001;flex-direction:column;width:280px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #00000080}.sidebar.active{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{color:#fff;margin:0;font-size:1.2rem}.close-sidebar-btn{color:var(--muted);cursor:pointer;background:0 0;border:none}.sidebar-content{flex-direction:column;gap:12px;padding:20px;display:flex}.sidebar-action-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-action-btn:hover{background:var(--border)}.cafecito-sidebar{color:#1a1000;background:#f59e0b;border:none}.cafecito-sidebar:hover{background:#fbbf24}.btn-danger-sidebar{color:#ef4444;border-color:#ef4444}.btn-danger-sidebar:hover{background:#ef44441a}.help-icon-mini{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}header{background:#0d0f14fa;padding:15px 20px}.header-content{align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:5px}.legend{gap:10px 15px;margin-top:10px}main{padding:20px 15px 240px!important}.subject-grid{grid-template-columns:repeat(2,1fr);gap:8px}.subject-card{flex-direction:column;width:100%;min-height:120px;padding:10px 8px;display:flex}.subject-name{word-break:break-word;overflow-wrap:break-word;flex-grow:1;margin:4px 0;font-size:.72rem;line-height:1.2}.stats-bar{flex-wrap:wrap;gap:8px;padding:12px 15px 24px}.stat{flex:30%;justify-content:center}.stats-bar .progress-bar{flex:none;order:4;width:100%;margin:6px 0 10px}#stat-pct{flex:1;order:5}.stats-bar button{order:6;width:auto;margin-left:auto}.scroll-top-btn{width:40px;height:40px;font-size:1.2rem;bottom:150px;right:20px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}main{padding-bottom:240px!important}}.subject-card.highlight-blocked{z-index:50;transition:all .2s;transform:translateY(-2px);border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important}.mark-all-btn{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:.8;white-space:nowrap;background:0 0;border:none;border-radius:12px;padding:3px 10px;font-family:Space Mono,monospace;font-size:.55rem;font-weight:700;transition:all .2s}.mark-all-btn:hover{opacity:1;color:var(--text)}.dash-card{transition:transform .2s,box-shadow .2s}.dash-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.dashboard-nav{gap:20px;display:flex}.dashboard-nav a{color:var(--muted);border-radius:6px;padding:5px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.dashboard-nav a.active{color:#fff;background:#3b82f633}.list-row{border:1px solid var(--border);background:#ffffff08;border-radius:6px;align-items:center;gap:15px;padding:10px 16px;transition:background .2s;display:flex}.list-row:hover{background:#ffffff0f}.row-level{color:var(--muted);background:#0003;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:Space Mono,monospace;font-size:.65rem}.row-name{color:var(--text);flex-grow:1;font-size:.9rem;font-weight:600}.row-note,.row-status{opacity:.8;flex-shrink:0;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700}.calendar-tooltip-card{background:var(--panel);border:1px solid var(--border);z-index:1100;pointer-events:none;text-align:left;border-radius:8px;width:max-content;max-width:260px;padding:12px 16px;animation:.2s ease-out calendarTooltipFadeIn;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.calendar-tooltip-card:after{content:"";border-style:solid;border-width:6px;border-color:var(--border)transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.tooltip-title{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-size:.85rem;font-weight:700}.tooltip-event-list{flex-direction:column;gap:8px;display:flex}.tooltip-event-item{border-left:3px solid var(--cursando);padding-left:10px}.tooltip-materia-name{color:#fff;white-space:normal;font-size:.8rem;font-weight:600;line-height:1.2}.tooltip-event-type{color:var(--muted);margin-top:3px;font-size:.7rem}@keyframes calendarTooltipFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}html{scroll-behavior:smooth}.event-card-modern{borderRadius:12px;background:#ffffff08;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.event-card-modern:hover{border-color:var(--cursando);background:#ffffff0f;transform:translate(8px)}.premium-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:16px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.premium-card:hover{border-color:var(--cursando);box-shadow:0 15px 30px #0006,0 0 20px rgba(var(--cursando-rgb),.2);transform:translateY(-8px)}