/* ============================================================
   FISI — Header con colores institucionales
   Topbar: morado sólido  |  Navbar: blanco limpio
   ============================================================ */

/* ── Variables institucionales ──────────────────────────── */
:root {
  --fi-morado: #7b2fbe;
  --fi-morado2: #9b3de8;
  --fi-morado3: #b94fd4;
  --fi-morado-l: #f5eeff;
  --fi-morado-m: #e0c4f8;
  --fi-blanco: #ffffff;
  --fi-bg: #faf7ff;
  --fi-texto: #1a0030;
  --fi-mut: #7a5f99;
  --fi-faint: #c4a8e0;
  --fi-bdr: rgba(123, 47, 190, 0.13);
  --fi-bdr2: rgba(123, 47, 190, 0.28);
}

/* ── Contenedor del header ──────────────────────────────── */
#header_img.rbt-header {
  background: transparent !important;
  overflow: visible !important;
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative;
}

/* Sin pseudo-elementos en el header (los tendrá el topbar y el navbar por separado) */
#header_img.rbt-header::before,
#header_img.rbt-header::after {
  display: none !important;
}

/* ── TOPBAR: blanco en tema claro, oscuro en tema oscuro ────────────────── */
body .rbt-header-top {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(91, 33, 182, 0.10) !important;
}

body .rbt-header-top .rbt-information-list li a,
body .rbt-header-top .rbt-information-list li,
body .rbt-header-top .rbt-information-list li i {
  color: #4a4568 !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

body .rbt-header-top .rbt-information-list li a:hover {
  color: #7c3aed !important;
}

body .rbt-header-top .social-share-transparent li a {
  color: #4a4568 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-family: 'Rajdhani', sans-serif !important;
  letter-spacing: 0.5px !important;
}

body .rbt-header-top .social-share-transparent li a:hover {
  color: #7c3aed !important;
}

body .rbt-header-top .header-right-btn li a {
  color: #4a4568 !important;
  font-size: 14px !important;
}

body .rbt-header-top .header-right-btn li a:hover {
  color: #7c3aed !important;
}

body .rbt-header-top .rbt-separator {
  background: rgba(91, 33, 182, 0.15) !important;
}

/* ── NAVBAR: blanco limpio institucional (TEMA CLARO) ────────────────── */
body .rbt-header-wrapper,
body #header_img .rbt-header-wrapper {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid rgba(91, 33, 182, 0.10) !important;
  box-shadow: 0 2px 20px rgba(91, 33, 182, 0.07) !important;
  position: relative;
  z-index: 100;
}

/* mainbar-row: transparente dentro del navbar blanco */
#header_img.rbt-header.rbt-header-8 .mainbar-row,
.rbt-header.rbt-header-8 .mainbar-row {
  background-color: transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── TEMA CLARO: Topbar blanco ────────────────────────── */
body .rbt-header-top,
body .rbt-header-top.top-expended-activation,
body #header_img .rbt-header-top {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(91, 33, 182, 0.10) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

/* Logo: en navbar blanco, el logo oscuro (sin invertir) */
.rbt-header .logo img,
.skeleton_logo img {
  filter: none !important;
  /* logo original, fondo blanco */
  height: 40px;
}

/* ── Links de navegación (navbar blanco) - TEMA CLARO ───────────────── */
body .rbt-header .mainmenu-nav .mainmenu>li>a {
  color: #4a4568 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: 'Rajdhani', sans-serif !important;
  letter-spacing: 0.5px !important;
  border-radius: 8px;
  padding: 6px 10px !important;
  transition: color .2s, background .2s !important;
  position: relative;
}

body .rbt-header .mainmenu-nav .mainmenu>li>a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  height: 2px;
  background: #7c3aed;
  transform: scaleX(0);
  transition: transform 0.2s;
}

body .rbt-header .mainmenu-nav .mainmenu>li>a:hover {
  color: #7c3aed !important;
  background: rgba(91, 33, 182, 0.08) !important;
}

body .rbt-header .mainmenu-nav .mainmenu>li>a:hover::after {
  transform: scaleX(1);
}

body .rbt-header .mainmenu-nav .mainmenu>li.active>a,
body .rbt-header .mainmenu-nav .mainmenu>li.active2>a {
  color: #7c3aed !important;
  font-weight: 700 !important;
}

body .rbt-header .mainmenu-nav .mainmenu>li.active>a::after,
body .rbt-header .mainmenu-nav .mainmenu>li.active2>a::after {
  transform: scaleX(1);
}

/* Icono dropdown (icono_jc) como triángulo CSS - TEMA CLARO */
body .rbt-header .mainmenu-nav .mainmenu>li>a .icono_jc {
  display: inline-block !important;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #7c3aed;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 0 !important;
  background: none !important;
  border-radius: 0 !important;
}

/* ── Submenú - TEMA CLARO ────────────────────────────────────────────── */
body .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu,
body .rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu {
  background: #ffffff !important;
  border: 1px solid rgba(91, 33, 182, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(91, 33, 182, 0.10) !important;
  z-index: 9999 !important;
}

body .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
  color: #4a4568 !important;
  font-size: 13px !important;
}

body .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover,
body .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active {
  color: #7c3aed !important;
  background: rgba(91, 33, 182, 0.08) !important;
}

/* ── Hamburger (mobile) - TEMA CLARO ─────────────────────────────────── */
body .rbt-header .hamberger-button {
  background: rgba(91, 33, 182, 0.08) !important;
  border: 1px solid rgba(91, 33, 182, 0.15) !important;
  color: #7c3aed !important;
}

body .rbt-header .hamberger-button i {
  color: #7c3aed !important;
}

/* ── Sticky - TEMA CLARO ─────────────────────────────── */
body .rbt-header .rbt-header-wrapper.rbt-sticky,
body .rbt-header .rbt-header-wrapper.header-sticky {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 4px 20px rgba(91, 33, 182, 0.10) !important;
}

/* ── Z-index: contenido sobre decorativos ───────────────── */
#header_img .rbt-header-top,
#header_img .rbt-header-wrapper,
#header_img .mainbar-row,
#header_img .rbt-main-navigation,
#header_img .header-left,
#header_img .header-right {
  position: relative;
  z-index: 2;
}

@media (max-width: 1199.98px) {
  

  

  
}