.navbar .nav-link {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 6px;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    border: 2px solid transparent;
    box-sizing: border-box;
    background-color: transparent;
}

/* Hover */
.navbar .nav-link:hover {
    color: #ffffff !important;            /* texto blanco en hover */
    background-color: #ff4d4d;             /* fondo rojo en hover */
    border-color: #ff4d4d;                 /* borde rojo en hover */
    text-decoration: none;
}

/* Activo */
.navbar .nav-link.active {
    color: #ffffff !important;             /* texto blanco fijo */
    background-color: #ff4d4d !important; /* fondo rojo sólido fijo */
    font-weight: 600;
    border-color: #ff4d4d !important;     /* borde rojo fijo */
}

/* Ajustes para móviles */
@media (max-width: 576px) {
    .navbar .nav-link {
        padding: 6px 8px;        /* menos padding para que no quede tan grande */
        margin: 7px 4px;         /* pequeño margen para que no se pegue al toggler */
        border-radius: 4px;
        font-size: 0.9rem;       /* letra un poco más pequeña */
    }
    
    /* Opcional: reduce el tamaño del botón hamburguesa para que haya más espacio */
    .navbar-toggler {
        padding: 0.25rem 0.5rem;
        font-size: 1.1rem;
    }
}