/* Tipografía y colores institucionales */
:root{
  --unsxx-blue: #ff0000;
  --unsxx-red: #dc3545;
  --unsxx-light: #f8f9fa;
  --nav-hover-bg: #ffffff;
}

html, body{
  font-family: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  scroll-behavior: smooth;
}

h1,h2,h3,h4,.navbar-brand .brand-text{
  font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
  letter-spacing: .2px;
}

/* Navbar base */
.bg-unsxx{ background-color: var(--unsxx-blue) !important; }

.navbar{
  --bs-navbar-brand-color: #fff;
  --bs-navbar-color: #e9eef6;
  --bs-navbar-hover-color: #fff;
  --bs-navbar-active-color: #fff;
}

/* Marca (logo + texto) */
.navbar-brand .brand-text{
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}

/* Píldoras de accesos directos (derecha) */
.navbar .nav-pill{
  border: 1px solid rgba(255,255,255,.25);
  border-radius: .75rem;
  padding-inline: .75rem;
}

/* Enlaces del menú: “cuadrante blanco con letras rojas” al pasar el mouse */
.navbar .nav-link{
  border-radius: .5rem;
  padding: .5rem .65rem;
  transition: all .15s ease-in-out;
  color: #fff !important;
}
@media (min-width: 992px){
  .navbar .nav-link:hover,
  .navbar .nav-link:focus{
    background-color: var(--nav-hover-bg);
    color: var(--unsxx-red) !important;
  }
}

/* Dropdowns: estilo y apertura por hover (desktop >= lg) */
.dropdown-menu{
  border-radius: .75rem;
  border: 1px solid rgba(3,46,88,.12);
  box-shadow: 0 .75rem 1.5rem rgba(3,46,88,.15);
  padding: .5rem;
}
.dropdown-item{
  border-radius: .5rem;
}
.dropdown-item:hover{
  background-color: rgba(220,53,69,.08);
  color: var(--unsxx-blue);
}

/* Hover para abrir menús en desktop */
@media (min-width: 992px){
  .navbar .dropdown:hover > .dropdown-menu,
  .dropdown-submenu:hover > .dropdown-menu{
    display: block;
  }
}

/* Submenús anidados (Bootstrap 5 no los trae por defecto) */
.dropdown-submenu{
  position: relative;
}
.dropdown-submenu > .dropdown-menu{
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  margin-top: -.25rem;
}
/* Indicador de submenú */
.dropdown-submenu > a.dropdown-toggle::after{
  content: '\203A'; /* › */
  float: right;
  margin-left: .5rem;
  border: 0;
  font-weight: 700;
}

/* Contenido de demostración */
.placeholder-content{
  height: 1200px;
  background: linear-gradient(180deg, #fff, #f6f8fb);
  border-radius: 1rem;
}
/* === OVERRIDES (hover rojo sólido en dropdown) v2 === */
/* Panel del dropdown (incluye submenús) en blanco */
.dropdown-menu{
  background-color: #ffffff !important;
  --bs-dropdown-bg: #ffffff;
  /* Variables Bootstrap para consistencia */
  --bs-dropdown-link-color: #ff0000;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-link-hover-bg: #ff0000;
  --bs-dropdown-link-active-bg: #ff0000;
  --bs-dropdown-link-active-color: #ffffff;
}
.dropdown-submenu > .dropdown-menu{
  background-color: #ffffff !important;
}

/* Ítems: texto rojo por defecto */
.dropdown-menu .dropdown-item{
  color: #ff0000 !important;
}

/* Hover/focus: fondo rojo sólido y texto blanco */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:focus-visible{
  background-color: #ffffff !important;
  color: #ff0000 !important;
}

/* Activo/seleccionado: fondo rojo sólido y texto blanco */
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active{
  background-color: #ffffff !important;
  color: #032e58 !important;
}















/* === UNSXX: hover blanco + texto rojo (solo al pasar el mouse) === */
.navbar .nav-link:hover,
.navbar .dropdown:hover > .nav-link {
  font-weight: 700 !important;
  background-color: #ffffff !important;
  color: var(--unsxx-red, #dc3545) !important;
  border-radius: .375rem;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  font-weight: 700 !important;
  background-color: #ffffff !important;
  color: var(--unsxx-red, #dc3545) !important;
}
/* === FIN UNSXX === */



/* === UNSXX: quitar subrayados del menú y dropdown === */
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle:active,
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  text-decoration: none !important;
}
/* === FIN UNSXX === */




.btn-eq {
  min-width: 180px;       /* mismo ancho */
  text-align: center;     /* texto centrado */
}