/* estilos.css */

.custom-navbar {
  
  background: linear-gradient(to bottom, #8b3a2e, #ffc107); /* ladrillo a amarillo */
}

.custom-navbar .nav-link,
.custom-navbar .navbar-brand,
.custom-navbar .navbar-toggler {
  color: #ffffff !important; /* Texto blanco */
}

.custom-navbar .nav-link:hover {
  color: #ffcc00 !important; /* Dorado al pasar el mouse */
}

.separador {
  width: 75%;
  height: 6px; /* grosor de la línea */
  background-color: #8a7717; /* mismo color que la navbar o el que prefieras */
  margin: 0 auto 1rem auto; /* centrado horizontal y separación inferior */
  border-radius: 4px;
}