@font-face{font-family:rubik;src:url(/assets/Rubik-VariableFont_wght-DZErUxLD.woff2)}@font-face{font-family:rubiklight;src:url(/assets/Rubik-Light-DCzacxB3.woff2)}@font-face{font-family:Styrene B;src:url(/assets/StyreneB-3eAOXCoX.woff2)}@font-face{font-family:tiempos;src:url(/assets/TestTiemposFine-Light-BF66457a5102792-DxP5CAi0.woff2)}.sidebar{box-sizing:border-box;z-index:1000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:16px 4%;display:flex;position:fixed;top:0;left:0}.sidebar button span{color:inherit!important}.sidebar,.mobile-header{color:var(--text-primary);background:0 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar.scrolled,.mobile-header.scrolled{background:var(--surface-inverse);-webkit-backdrop-filter:blur(12px);color:var(--text-on-inverse);box-shadow:0 4px 30px #00000026}.middle-section{text-align:center;flex-direction:row;align-items:center;gap:12px;font-family:Rubik;font-size:1.9rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sidebar h1{margin:0;padding:0;font-family:Rubik;font-size:1.5rem}.sidebar h1 span{font-family:rubiklight}.left-section{flex-direction:column;flex-shrink:0;gap:0;display:flex}.left-section h1{align-items:baseline;gap:8px;display:flex}.left-section h1:before{font-family:rubiklight;font-size:1.5rem;font-weight:300}.sidebarlogo h2:before{content:""}.left-section h1:after{font-family:Rubik;font-weight:600}#studentName{font-size:0;line-height:0}.middle-section button span{font-family:Rubik;font-size:1rem}.sidebar p{gap:0;padding-bottom:5%;font-family:Rubik;font-size:1.7rem}.sidebar button{cursor:pointer;text-align:center;white-space:nowrap;color:inherit;background:0 0;border:none;border-radius:8px;padding:12px 24px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar button:after{content:"";opacity:.7;background:currentColor;border-radius:1px;width:0;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.sidebar button:hover:after{width:calc(100% - 48px)}.sidebar button:hover{text-decoration:none;transform:translateY(-1px)}.sidebar button.active{background:var(--accent-wash-strong);color:var(--accent)}.sidebar button.active:after{background:var(--accent);opacity:1;width:calc(100% - 48px)}.sidebar{text-align:left}.right-section{text-align:center;flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex}.right-section>button{border-radius:10px;padding:12px 28px;font-weight:500;box-shadow:0 4px 15px #e07a5f4d;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%)!important;color:var(--text-on-accent)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.right-section>button:after{display:none!important}.right-section>button:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-active) 100%)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #e07a5f66!important}.right-section>button:active{transform:translateY(0)!important;box-shadow:0 2px 10px #e07a5f4d!important}.bottom-section p{margin:0;padding:0;line-height:1}.main-content{margin-top:120px}.mobile-header{z-index:1001;border-radius:0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:none;position:fixed;top:0;left:0;right:0}.mobile-logo h1,.mobile-logo h2,.mobile-logo .logo-word,.sidebarlogo h1,.sidebarlogo h2,.sidebarlogo .logo-word{margin:0;padding:0}.mobile-header.menu-open{background:var(--surface-inverse);color:var(--text-on-inverse);border-bottom-left-radius:0}.mobile-logo,.sidebarlogo{cursor:pointer;align-items:center;gap:0;transition:opacity .2s;display:flex}.eduvalley-logo{flex-shrink:0;width:auto;height:2rem;display:block;transform:translateY(-2px)}.logo-x{color:currentColor;opacity:.5;margin:0 6px;font-family:Rubik,sans-serif;font-size:1rem;font-weight:300;line-height:1}.mobile-logo:hover,.sidebarlogo:hover{opacity:.8}.mobile-logo h1,.sidebarlogo h1,.mobile-logo .logo-word,.sidebarlogo .logo-word{margin:0;font-family:Rubik;font-size:1.5rem;font-weight:600}.logo-ark,.mobile-logo .logo-ark,.sidebarlogo .logo-ark{color:var(--accent)!important;font-family:Rubik!important;font-weight:600!important}.mobile-logo h2,.sidebarlogo h2{margin:0;font-family:rubiklight;font-size:1.5rem;font-weight:300}.hamburger-menu{cursor:pointer;z-index:1002;-webkit-tap-highlight-color:transparent;width:28px;height:22px;color:var(--text-primary);background:0 0;border:none;flex-direction:column;justify-content:space-around;padding:0;display:flex}.hamburger-menu.scrolled,.hamburger-menu.menu-open{color:var(--text-on-inverse)}.hamburger-menu span{transform-origin:50%;background:currentColor;border-radius:3px;height:2.5px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6)}.hamburger-menu span:first-child{width:100%}.hamburger-menu span:nth-child(2){width:75%;margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-menu span:nth-child(3){width:50%;margin-left:auto}.hamburger-menu:hover span{width:100%}.hamburger-menu span.active:first-child{width:100%;transform:rotate(45deg)translate(5px,6px)}.hamburger-menu span.active:nth-child(2){opacity:0;width:100%;transform:translate(20px)}.hamburger-menu span.active:nth-child(3){width:100%;transform:rotate(-45deg)translate(5px,-6px)}.sidebar-overlay{background:var(--surface-overlay);z-index:998;-webkit-backdrop-filter:blur(4px);animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px) and (width>=769px){.sidebar{padding:14px 3%}.sidebar h1{font-size:1.3rem}.middle-section button span{font-size:.95rem}.sidebar button{padding:10px 18px;font-size:14px}}@media (width<=768px){.sidebar{z-index:999;-webkit-overflow-scrolling:touch;width:300px;height:calc(100dvh - 70px);box-shadow:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px 24px;transition:left .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1);position:fixed;top:70px;left:-100%;overflow-y:auto}.sidebarlogo{visibility:hidden}.sidebar.open{background:var(--surface-inverse);color:var(--text-on-inverse);left:0;box-shadow:10px 0 40px #0003}.mobile-header{display:flex}.sidebar-overlay{display:block}.left-section{display:none}.top-section{border-bottom:1px solid #ffffff1a;width:100%;margin-bottom:20px;padding:15px 0;position:static}.sidebar h1{font-size:1.4rem}#studentName{line-height:1.4}#studentName span{font-size:1.3rem}.middle-section{flex-direction:column;flex:1;align-items:stretch;gap:8px;width:100%;position:static;transform:none}.sidebar.open .middle-section button{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInFromLeft}.sidebar.open .middle-section button:first-child{animation-delay:.1s}.sidebar.open .middle-section button:nth-child(2){animation-delay:.15s}.sidebar.open .middle-section button:nth-child(3){animation-delay:.2s}.sidebar.open .right-section>button{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) .25s forwards slideInFromLeft}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.middle-section button{text-align:left;-webkit-tap-highlight-color:transparent;border-radius:12px;width:100%;min-height:56px;padding:18px 20px;font-size:16px}.middle-section button:after{display:none}.middle-section button:hover{background:var(--accent-wash);transform:translate(8px)}.middle-section button.active{background:var(--accent-wash-strong);border-left:3px solid var(--accent);padding-left:17px}.middle-section button span{font-size:1.05rem}.middle-section button:active{transform:scale(.98)}.right-section{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;width:100%;margin-top:auto;padding-top:20px}.right-section>button{width:100%;padding:16px 20px!important}.bottom-section{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px;position:static}.main-content{margin-top:90px}}@media (width<=480px){.mobile-header{height:64px;padding:0 20px}.mobile-logo h1,.mobile-logo h2,.mobile-logo .logo-word{font-size:1.35rem}.sidebar{width:100%;height:calc(100dvh - 64px);padding:20px;top:64px}.sidebar h1{font-size:1.25rem}#studentName span{font-size:1.1rem}.middle-section button{min-height:48px;padding:14px 16px}.middle-section button span{font-size:1rem}.main-content{margin-top:84px}}.profile-menu-wrapper{position:relative}.profile-icon-btn{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;background:var(--overlay-subtle)!important;color:var(--text-primary)!important;border:1.5px solid var(--overlay-border)!important;box-shadow:none!important;border-radius:50%!important;padding:0!important;transition:all .2s!important;display:flex!important}.profile-icon-btn:hover{background:var(--accent-wash)!important;box-shadow:none!important;transform:translateY(0)!important}.profile-icon-btn:after{display:none!important}.sidebar.scrolled .profile-icon-btn,.sidebar.open .profile-icon-btn{color:var(--text-on-inverse)!important;background:#ffffff1a!important;border-color:#fff3!important}.sidebar.scrolled .profile-icon-btn:hover,.sidebar.open .profile-icon-btn:hover{background:#ffffff2e!important}.profile-dropdown{background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:1100;border-radius:12px;min-width:248px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown .profile-dropdown-item{cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:12px 16px!important;font-size:.9rem!important;transition:background .15s!important;display:flex!important}.profile-dropdown .profile-dropdown-item:hover{background:var(--accent-wash)!important;transform:none!important}.profile-dropdown .profile-dropdown-item:after{display:none!important}.profile-dropdown .profile-dropdown-item+.profile-dropdown-item{border-top:1px solid var(--border-subtle)}.profile-dropdown .profile-dropdown-logout{color:var(--text-primary)!important}.profile-dropdown .profile-dropdown-logout:hover{background:var(--danger-wash)!important}.cp-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);z-index:2000;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.cp-shell{background:var(--surface-card);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:20px;animation:.25s cubic-bezier(.4,0,.2,1) cpSlideIn;overflow:hidden}@keyframes cpSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cp-header{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.cp-header h2{color:var(--text-primary);margin:0;font-family:Rubik;font-size:1.2rem;font-weight:600}.cp-close-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;line-height:1;transition:color .15s,background .15s}.cp-close-btn:hover{color:var(--text-primary);background:var(--overlay-subtle)}.cp-form{flex-direction:column;gap:16px;padding:24px 28px 28px;display:flex}.cp-field{flex-direction:column;gap:6px;display:flex}.cp-field label{color:var(--text-primary);font-family:Rubik;font-size:.85rem;font-weight:500}.cp-field input{border:1.5px solid var(--border);color:var(--text-primary);background:var(--surface-card);border-radius:10px;outline:none;padding:11px 14px;font-family:Rubik;font-size:.95rem;transition:border-color .2s}.cp-field input:focus{border-color:var(--accent)}.cp-error{color:var(--danger-fg);margin:0;font-family:Rubik;font-size:.85rem}.cp-success{color:var(--success-fg);margin:0;font-family:Rubik;font-size:.85rem}.cp-submit{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:13px;font-family:Rubik;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:0 4px 15px #e07a5f4d}.cp-submit:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-active) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #e07a5f66}.cp-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.profile-dropdown{right:-8px}.cp-shell{border-radius:16px}.cp-header,.cp-form{padding-left:20px;padding-right:20px}.profile-menu-wrapper{width:100%}.profile-icon-btn{gap:10px;font-size:1rem;border-radius:12px!important;justify-content:center!important;width:100%!important;height:52px!important}.profile-dropdown{box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;margin-top:8px;animation:none;position:static}.profile-dropdown .profile-dropdown-item{color:var(--text-on-inverse)!important;padding:14px 16px!important}.profile-dropdown .profile-dropdown-item:hover{background:#ffffff14!important}.profile-dropdown .profile-dropdown-item+.profile-dropdown-item{border-top-color:#ffffff1a}.profile-dropdown .profile-dropdown-logout{color:var(--text-on-inverse)!important}}.profile-dropdown-section{border-bottom:1px solid var(--border-subtle);padding:12px 14px 11px}.profile-dropdown-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 7px;font-family:Rubik,sans-serif;font-size:.7rem;font-weight:600;display:block}.theme-segment{background:var(--surface-sunken);border-radius:13px;gap:4px;padding:5px;display:flex}.profile-dropdown .theme-segment-btn{color:var(--text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-family:Rubik,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:flex;overflow:visible}.profile-dropdown .theme-segment-btn svg{flex-shrink:0}.profile-dropdown .theme-segment-btn:hover{color:var(--text-primary);transform:none}.profile-dropdown .theme-segment-btn.active{background:var(--surface-card);color:var(--accent);box-shadow:0 0 0 1px var(--border), 0 2px 8px #00000014;font-weight:600}.theme-segment-btn:after{display:none!important}@media (width<=768px){.profile-dropdown-section{border-bottom-color:var(--border-on-inverse)}.profile-dropdown-label{color:#ffffff80}.theme-segment{border-color:var(--border-on-inverse);background:#ffffff0f}.profile-dropdown .theme-segment-btn{color:#ffffffb3}.profile-dropdown .theme-segment-btn:hover{color:var(--text-on-inverse)}.profile-dropdown .theme-segment-btn.active{color:var(--text-on-inverse);box-shadow:none;background:#ffffff24}}@media (height<=600px) and (orientation:landscape){.sidebar{padding:10px 15px}.top-section{margin-bottom:15px;padding:10px 0}.middle-section{gap:6px}.middle-section button{min-height:44px;padding:12px 16px}.bottom-section{padding-top:15px}}