:root{--rojo-vino:#a51140;--gris-pizarra:#5e6a71;--blanco:#fff;--gris-fondo:#ffffffbf}.navBar{z-index:1000;width:100%;position:sticky;top:0}.modern-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000000d;transition:all .3s;box-shadow:0 2px 15px #00000014;background-color:var(--gris-fondo)!important;padding:.7rem 2rem!important}.logo-container{cursor:pointer;align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-img{height:45px;transition:transform .2s;display:block}.logo-img:hover{transform:scale(1.05)}.logo-text{color:var(--rojo-vino);font-size:1.1rem;font-weight:700}.user-btn{transition:all .3s;color:var(--gris-pizarra)!important;font-weight:600!important}.user-btn:hover{color:var(--rojo-vino)!important}.logout-btn{transition:transform .2s;color:var(--rojo-vino)!important}.logout-btn:hover{transform:rotate(-5deg)}.periodo-dropdown{min-width:180px}.menu-actions{align-items:center;display:flex}.menu-buttons{align-items:center;gap:.75rem;display:flex}.hamburger-btn{color:var(--rojo-vino);cursor:pointer;background:0 0;border:none;font-size:1.6rem;display:none}.mobile-menu{display:none}@media (max-width:768px){.hamburger-btn{display:block}.modern-nav{padding:.6rem 1rem!important}.menu-actions{z-index:1001;display:none;position:absolute;top:calc(100% + .5rem);left:.75rem;right:.75rem}.menu-actions.open{background-color:#fffffffa;border:1px solid #0000000f;border-radius:10px;flex-direction:column;width:auto;padding:.85rem;animation:.3s forwards slideDown;display:flex;box-shadow:0 4px 12px #00000026}.menu-actions .menu-buttons{flex-direction:column;align-items:stretch;width:100%}.menu-actions .menu-buttons .p-button,.menu-actions .menu-buttons .p-dropdown{width:100%}.periodo-dropdown{min-width:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dialog .p-dialog-header{background-color:var(--rojo-vino);color:var(--blanco);text-align:center;font-weight:700}.user-avatar{justify-content:center;margin-top:1rem;margin-bottom:1rem;display:flex}.user-avatar img{border:3px solid var(--rojo-vino);border-radius:50%;width:100px;height:100px}.user-info{text-align:center;color:var(--gris-pizarra)}.user-info h3{color:var(--rojo-vino);margin-bottom:.2rem}.user-info .rol{opacity:.8;font-size:.9rem}.user-input{border-radius:6px;width:100%;margin-top:.5rem}.user-dialog .user-btn{width:100%;margin-top:1rem;font-weight:700}