/* Mantiene la cabecera en color azul oscuro al deslizar */
header, 
nav, 
.header-scrolled, 
header.scrolled, 
.sticky {
  background-color: #0b1928 !important; /* Azul oscuro */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Sombra sutil para destacar el menú */
}

/* Fuerza a que el menú y sus enlaces sean blancos y legibles */
header a, 
nav a, 
.header-scrolled a, 
header.scrolled a, 
.nav-link {
  color: #ffffff !important;
}