/* Estilos para hacer que los menús desplegables funcionen con hover */

/* Mostrar el menú desplegable al pasar el cursor sobre el elemento padre */
.dropdown:hover > .dropdown-menu {
    display: block;
}

/* Evitar que el menú desplegable se cierre inmediatamente al quitar el cursor */
.dropdown-menu:hover {
    display: block;
}

/* Asegurar que los enlaces principales sigan funcionando como enlaces */
.dropdown > .nav-link {
    pointer-events: auto;
}