/*
 * SICEB — tema Bootstrap 5 (Fase 2 del rediseño).
 *
 * Bootstrap se usa aquí solo para los componentes interactivos que
 * reemplazan a FlexiCSSMenus (navbar) y colorbox (modal): el resto del
 * sitio sigue con el sistema de layout de la Fase 1. Estas variables
 * remapean la paleta azul/teal original de SICEB sobre los componentes
 * de Bootstrap sin tocar el look del resto de la página.
 */

:root {
  --bs-primary: #076799;
  --bs-primary-rgb: 7, 103, 153;
  --bs-link-color: #076799;
  --bs-link-hover-color: #054a70;
}

/* ---------------------------------------------------------------------
 * Navbar: imita el degradado azul/teal del header original
 * (includes/CSSLayouts/innerPageLayout.css usaba header_background.png
 * sobre el mismo rango de azules).
 * ------------------------------------------------------------------- */
#siceb-navbar {
  background: linear-gradient(135deg, #0a3d57 0%, #076799 45%, #3aa6c2 100%);
  padding: 0.5rem 1rem;
}

#siceb-navbar .navbar-nav .nav-link {
  color: #eaf6fb;
  font-weight: 600;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

#siceb-navbar .navbar-nav .nav-link:hover,
#siceb-navbar .navbar-nav .nav-link.active {
  color: #ffffff;
  text-decoration: underline;
}

#siceb-navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
}

#siceb-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ---------------------------------------------------------------------
 * Selector vertical de categorías de indicador (antes CSSMenu9,
 * sd/indicadores.html) reconstruido como accordion de Bootstrap.
 * ------------------------------------------------------------------- */
#siceb-indicator-picker .accordion-button {
  color: #076799;
  font-weight: bold;
}
#siceb-indicator-picker .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #076799;
}
#siceb-indicator-picker .accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(7, 103, 153, 0.25);
}

/* ---------------------------------------------------------------------
 * Modal (reemplaza colorbox para los enlaces .ajax / .iframe existentes)
 * ------------------------------------------------------------------- */
#sicebModal .modal-header {
  border-bottom: 3px solid #076799;
}
#sicebModal .modal-body iframe {
  min-height: 70vh;
}