/* Efecto hover para los enlaces principales del navbar */
.navbar-nav > .nav-item > .nav-link:hover {
  background-color: #800000 !important; /* fondo guinda */
  color: #ffffff !important; /* letras blancas */
  border-radius: 6px; /* opcional: bordes suaves */
  transition: all 0.3s ease; /* animación suave */
}

/* Mantiene el color blanco cuando el enlace está activo o enfocado */
.navbar-nav > .nav-item > .nav-link:focus,
.navbar-nav > .nav-item > .nav-link:active {
  background-color: #800000 !important;
  color: #ffffff !important;
}

/* También puedes resaltar los dropdown-item si lo deseas */
.dropdown-menu .dropdown-item:hover {
  background-color: #800000 !important;
  color: #ffffff !important;
}