/* Estilos del encabezado */
#header {
  background-color: #333333de; /* Gris oscuro */
}

#header a {
  color: #ffffff; /* Blanco */
}

#header a:hover {
  color: #dddddd; /* Blanco tenue al pasar el mouse */
}

#header .get-started-btn {
  background-color: #3FA2FE; /* Botón gris oscuro */
  color: #ffffff; /* Letras blancas */
  border: none;
}

#header .get-started-btn:hover {
  background-color: #0fac1c; /* Botón más claro al pasar el mouse */
}

/* Para asegurarte de que el menú desplegable también sigue el estilo */
.navbar ul li.dropdown ul {
  background-color: #333333de; /* Fondo gris oscuro */
}

.navbar ul li.dropdown ul a {
  color: #ffffff; /* Letras blancas */
}

.navbar ul li.dropdown ul a:hover {
  color: #dddddd; /* Letras blanco tenue al pasar el mouse */
}