/* MENU */
/* Gradiente del header */
header.site-header {
  background: linear-gradient(to top, #593F99, #2E1865) !important;
  
}

/* Texto y links en blanco */
header.site-header,
header.site-header .navbar-nav .nav-link,
header.site-header .navbar-brand {
  color: #fff !important;
}

/* Asegura que los links no cambien a gris al estar activos/hover */
header.site-header .navbar-nav .nav-link:hover,
header.site-header .navbar-nav .nav-link:focus,
header.site-header .navbar-nav .nav-link.active {
  color: #f8f9fa !important; /* blanco suave de Bootstrap */
}

.header-divider {
  height: 1px;
  background-color: #dee2e6; /* gris claro */
  width: 100%; /* ocupa todo el ancho del container padre */
}

.logo-header {
  max-width: 240px;
  height: auto;
  /*margin-bottom: 1rem;*/
}
.logo-header-txt{
	color: #000;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.navbar {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
}

.navbar-nav > li > a {
  font-weight: 300;
  color: #000;
  font-size: 1.1rem;
  /*border: 1px solid #fff;*/
/*  padding-top: 2rem!important;
  padding-bottom: 1.8rem!important;*/
  padding: 2rem 1.2rem 1.6rem!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a.active {
  color: #000;
  opacity: 0.5;
}
/* Estilo del texto en submenús */
.navbar-nav .dropdown-menu a {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 1px;
  color: #000;
  white-space: nowrap;
}
.dropdown-menu {
  padding: 0.75rem 1.25rem;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
  margin-top: 0.5rem;
}
.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-ancestor > a {
  color: #555;        /* gris más oscuro o el que quieras */
  font-weight: 600;   /* un poco más de peso */
  border-bottom: 4px solid #2BB572; /* línea sutil debajo */
   background: linear-gradient(to top, #5d40a3, rgba(115, 85, 187, 0) 100%) !important;
}
@media (max-width: 992px) {
.navbar-nav > li > a {
  font-weight: 300;
  color: #000;
  font-size: 1.1rem;
  /*border: 1px solid #fff;*/
  padding: 0.5rem!important;
  border-radius:.5rem;
}
.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-ancestor > a {
  border: 1px solid rgba(255,255,255,0.08); /* línea sutil debajo */
}
header.site-header{
	padding-top: 1.0rem!important;
}
}
@media (max-width: 991.98px) {
  .navbar {
    justify-content: flex-start !important;
  }
.navbar-toggler {
  margin-left: auto;
  padding: 0.5rem 1rem;
  border: none;
background: transparent;
  z-index: 10;
}
.navbar-toggler .material-symbols-rounded {
  font-size: 2.7rem;
}
  .dropdown-menu {
    width: auto !important;
    min-width: 240px;
  }
}

/* Header primary: nav en blanco */
.header--primary .navbar-nav .nav-link { color: #fff; }
.header--primary .navbar-nav .nav-link:hover,
.header--primary .navbar-nav .nav-link:focus { opacity: .85; color: #fff; }

/* Dropdown sobre fondo primario */
.header--primary .dropdown-menu {
  background: rgba(0,0,0,.15);
  border-color: rgba(255,255,255,.15);
}
.header--primary .dropdown-menu a { color: #fff; }
.header--primary .dropdown-menu a:hover { background: rgba(255,255,255,.12); color:#fff; }

/* Estado activo */
.header--primary .navbar-nav > li.current-menu-item > a,
.header--primary .navbar-nav > li.current-menu-ancestor > a {
  color: #fff;
  border-bottom: 2px solid rgba(255,255,255,.5);
}
/* ===== Header violeta (primary) ===== */
.header--primary{
  background: var(--bs-primary, #4B2E90) !important;
  color: #fff;
}

/* Links del menú en blanco */
.header--primary .navbar-nav > li > a,
.header--primary .navbar .nav-link{
  color: #fff !important;
}
.header--primary .navbar-nav > li > a:hover,
.header--primary .navbar .nav-link:hover,
.header--primary .navbar-nav > li > a:focus,
.header--primary .navbar .nav-link:focus{
  color: #fff !important;
  opacity: .85;
}

/* Dropdown sobre fondo violeta */
.header--primary .dropdown-menu{
  background: rgba(0,0,0,.25);
  border: 0;
  box-shadow: 0 0 12px rgba(0,0,0,0.12);
}
.header--primary .dropdown-menu a{
  color:#fff !important;
}
.header--primary .dropdown-menu a:hover{
  background: rgba(255,255,255,.12);
  color:#fff !important;
}