.dropdown-menu {
  background-color: #1f2b3a; /* Fondo oscuro azulado */
  color: #ffffff; /* Texto blanco */
  border: none;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6); /* Sombra elegante */
}

.dropdown-menu .dropdown-item {
  color: #ffffff;
  padding: 10px 20px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #2a3b50; /* Un poco más claro al pasar el ratón */
  color: #ffffff;
}