/* CORRECCIÓN DE ESPACIADO CONSISTENTE EN NAVBAR */

/* Navbar principal - espaciado uniforme entre elementos */
.navbar-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--spacing-lg) !important; /* Espaciado consistente entre elementos */
}

/* Links de navegación - padding uniforme */
.nav-link {
    padding: var(--spacing-sm) var(--spacing-lg) !important; /* Padding consistente */
    margin: 0 !important; /* Sin margin adicional */
}

/* Ícono de usuario - mismo espaciado que elementos nav */
.user-icon {
    margin-left: var(--spacing-lg) !important; /* Mismo gap que entre elementos nav */
    padding: var(--spacing-sm) !important; /* Mismo padding vertical que nav-links */
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: transparent !important; /* Sin fondo azul constante */
    border: 2px solid var(--color-primary) !important; /* Solo borde azul */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: var(--transition) !important;
}

.user-icon:hover {
    background: var(--color-primary) !important; /* Fondo azul solo en hover */
    transform: translateY(-1px) !important; /* Efecto sutil de elevación */
}

.user-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: var(--color-primary) !important; /* Ícono azul por defecto */
    transition: var(--transition) !important;
}

.user-icon:hover svg {
    fill: white !important; /* Ícono blanco en hover */
}

/* Asegurar que el nav-container mantenga espaciado consistente */
.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--spacing-lg);
}

.navbar-content {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xl); /* Espaciado entre logo y navegación */
}