/**
 * Contexto visual: ISMP (por defecto) vs UNSTA (body.site-context-unsta).
 * Cargar después de style.css y nav inline si aplica.
 */

/* ——— ISMP global: pie y profundidad sin tocar el bordó principal ——— */
footer.site-footer {
  background: linear-gradient(180deg, #252528 0%, #1a1a1d 100%);
  border-top: 4px solid var(--ismp-bordo);
}

body.site-context-unsta footer.site-footer {
  border-top-color: var(--brand-unsta-blue);
}

/* ——— UNSTA: navegación y CTA en azul institucional ——— */
body.site-context-unsta .navbar .navbar-nav a.nav-link {
  color: var(--brand-unsta-blue) !important;
}

body.site-context-unsta .navbar .navbar-nav a.nav-link:hover,
body.site-context-unsta .navbar .navbar-nav a.nav-link:focus {
  color: var(--brand-unsta-blue-hover) !important;
}

body.site-context-unsta .menu .navbar .dropdown-item {
  color: var(--brand-unsta-ink);
}

body.site-context-unsta .menu .navbar .dropdown.show > .dropdown-toggle {
  color: var(--brand-unsta-ink) !important;
  background-color: rgba(25, 77, 160, 0.1);
}

body.site-context-unsta .navbar .navbar-toggler {
  background: var(--brand-unsta-blue) !important;
}

body.site-context-unsta .header-cta-link {
  background-color: var(--brand-unsta-blue);
  border-color: var(--brand-unsta-blue);
}

body.site-context-unsta .header-cta-link:hover {
  background-color: var(--brand-unsta-blue-hover);
  border-color: var(--brand-unsta-blue-hover);
}

/* Bloques que reutilizan utilidades “bordo” en páginas UNSTA / campus → azul */
body.site-context-unsta .bg-bordo-oscuro,
body.site-context-unsta .btn-bordo-oscuro {
  background-color: var(--brand-unsta-blue) !important;
}

body.site-context-unsta .btn-bordo-oscuro:hover,
body.site-context-unsta .bg-bordo-oscuro a:hover {
  filter: brightness(0.92);
}

/* CTAs globales del layout en contexto UNSTA */
body.site-context-unsta .btn-cta-primary,
body.site-context-unsta button.btn-cta-primary,
body.site-context-unsta input.btn-cta-primary {
  background-color: var(--brand-unsta-blue);
  border-color: var(--brand-unsta-blue);
  box-shadow: 0 6px 14px rgba(25, 77, 160, 0.22);
}

body.site-context-unsta .btn-cta-primary:hover,
body.site-context-unsta button.btn-cta-primary:hover,
body.site-context-unsta input.btn-cta-primary:hover {
  background-color: var(--brand-unsta-blue-hover);
  border-color: var(--brand-unsta-blue-hover);
}

body.site-context-unsta .btn-cta-secondary,
body.site-context-unsta button.btn-cta-secondary,
body.site-context-unsta input.btn-cta-secondary {
  color: var(--brand-unsta-blue) !important;
  border-color: var(--brand-unsta-blue);
}

body.site-context-unsta .btn-cta-secondary:hover,
body.site-context-unsta button.btn-cta-secondary:hover,
body.site-context-unsta input.btn-cta-secondary:hover {
  background-color: var(--brand-unsta-blue);
}

body.site-context-unsta .main-button a {
  background-color: var(--brand-unsta-blue);
  border-color: var(--brand-unsta-blue);
  box-shadow: 0 6px 14px rgba(25, 77, 160, 0.22);
}

body.site-context-unsta .main-button a:hover {
  background-color: var(--brand-unsta-blue-hover);
  border-color: var(--brand-unsta-blue-hover);
}

body.site-context-unsta .unsta-propuesta-page h1.color-bordo-oscuro {
  color: var(--brand-unsta-ink) !important;
}

body.site-context-unsta .submenu .color-bordo-medio,
body.site-context-unsta .submenu a.nav-link {
  color: var(--brand-unsta-blue) !important;
}
