.sidebar-transition { transition: width 0.3s ease; }
        .sidebar-transition.collapsed { width: 80px !important; }
        
        /* Ocultar elementos de texto y logo al colapsar */
        .sidebar-transition.collapsed .menu-text, 
        .sidebar-transition.collapsed hr,
        .sidebar-transition.collapsed .menu-logo-container { display: none !important; }
        
        /* CORRECCIÓN: Ajuste de enlaces colapsados */
        .sidebar-transition.collapsed .nav-link { 
            text-align: center; 
            /* Solo quitamos padding lateral para centrar, mantenemos el vertical */
            padding-left: 0; 
            padding-right: 0; 
            width: 100%;
        }

        /* Asegurar que el icono quede perfectamente centrado sin márgenes extraños */
        .sidebar-transition.collapsed .nav-link i {
            margin-right: 0 !important;
            font-size: 1.2rem; /* Opcional: asegurar tamaño consistente */
        }
        
        @media (max-width: 768px) {
            #sidebar-container {
                position: fixed; z-index: 1050; height: 100%; left: -280px;
                transition: left 0.3s; background: white;
            }
            #sidebar-container.active { left: 0; box-shadow: 5px 0 15px rgba(0,0,0,0.2); }
        }