:root {
  --vk-accent: #2F318D;        /* Azul Ingesoft */
  --vk-accent-dk: #232472;     /* Azul más oscuro para hover */
  --vk-accent-alt: #FF6A00;    /* Naranja de acento */
  --vk-header-hover: #008CBA;    /* Celeste para hover del header claro */
  --pills-background-color-active: #2F318D;
  --pills-background-color-hover: #E4E6FA; /* Azul muy claro */
  --pills-text-color-active: #ffffff;
}

/* MENU superior y navegación */
.navigation,
.navbar,
.navigation-background,
#header,
.navigation-background-color {
  background: var(--vk-accent) !important;
  color: #FFFFFF !important;
}

.navigation a,
.navbar a,
#header a {
  color: #FFFFFF !important;
}

.navigation a:hover,
.navbar a:hover,
#header a:hover {
  color: var(--vk-accent-alt) !important;
}

/* FOOTER */
footer.footer,
#footer {
  background: var(--vk-accent) !important;
  color: #FFFFFF !important;
  border-top: 1px solid #E2E2E6;
}

footer.footer a,
#footer a {
  color: #FFFFFF !important;
}
footer.footer a:hover,
#footer a:hover {
  color: var(--vk-accent-alt) !important;
}

footer.footer .title,
#footer .title {
  color: #FFFFFF !important;
}

/* Menú desplegable */
.dropdown-menu {
  background: #FFFFFF;
  color: var(--vk-accent);
  border: 1px solid #E2E2E6;
}

.dropdown-menu a,
.dropdown-item {
  color: var(--vk-accent) !important;
  background-color: #FFFFFF !important;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
  background-color: #E4E6FA !important;  /* Azul claro sutil */
  color: var(--vk-accent-alt) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: var(--vk-accent) !important;
  color: var(--pills-text-color-active) !important;
}

.nav-pills .nav-link:not(.active):hover {
  background: var(--vk-accent-dk) !important;
  color: var(--vk-accent-alt) !important;
}

ul.breadcrumb {
  background-color: var(--pills-background-color-hover) !important;
  border-radius: .25rem;
  padding: .5rem .75rem;
  border: 1px solid #E2E2E6;
}

ul.breadcrumb a:hover {
  color: var(--vk-accent-alt) !important;
}
/* Accesos rapidos en el header claro */
#site-menu .navbar-header .quick-access a,
#site-menu .navbar-header .quick-access a:visited,
#site-menu .navbar-header .quick-access a small,
#site-menu .navbar-header .quick-access a .navbar-icon {
  color: var(--vk-accent) !important;
}

#site-menu .navbar-header .quick-access a:hover,
#site-menu .navbar-header .quick-access a:focus,
#site-menu .navbar-header .quick-access a:hover small,
#site-menu .navbar-header .quick-access a:focus small,
#site-menu .navbar-header .quick-access a:hover .navbar-icon,
#site-menu .navbar-header .quick-access a:focus .navbar-icon {
  color: var(--vk-header-hover) !important;
  text-decoration: none;
}