/* Tonos de las páginas internas, según la referencia visual compartida. */
:root {
  --internal-navy: #243f86;
  --internal-blue: #4f74b5;
  --internal-sky: #78a9df;
  --internal-cyan: #6fc4dd;
  --internal-ink: #19345f;
}

body:has(.hero-banner),
body:has(.page-hero),
body:has(.service-hero),
body:has(.academic-hero),
body:has(.schedule-hero),
body:has(.attention-hero),
body:has(.admissions-hero),
body:has(.eg-hero),
body:has(.map-hero),
body:has(.offer-hero),
body:has(.hero-wrap),
body:has(.hero-news) {
  --inst-blue: var(--internal-blue) !important;
  --inst-navy: var(--internal-navy) !important;
  --inst-green: var(--internal-blue) !important;
  --inst-bright: var(--internal-sky) !important;
  --inst-red: var(--internal-cyan) !important;
  --inst-gold: var(--internal-cyan) !important;
  --inst-ink: var(--internal-ink) !important;
  --page-blue: var(--internal-blue) !important;
  --page-navy: var(--internal-navy) !important;
  --page-red: var(--internal-cyan) !important;
  --page-gold: var(--internal-cyan) !important;
  --page-ink: var(--internal-ink) !important;
  --history-blue: var(--internal-blue) !important;
  --history-navy: var(--internal-navy) !important;
  --history-red: var(--internal-cyan) !important;
  --history-gold: var(--internal-cyan) !important;
  --history-ink: var(--internal-ink) !important;
  --map-blue: var(--internal-blue) !important;
  --map-navy: var(--internal-navy) !important;
  --map-red: var(--internal-cyan) !important;
  --map-gold: var(--internal-cyan) !important;
  --map-ink: var(--internal-ink) !important;
  --offer-blue: var(--internal-blue) !important;
  --offer-sky: var(--internal-sky) !important;
  --offer-green: var(--internal-blue) !important;
  --offer-gold: var(--internal-cyan) !important;
  --offer-red: var(--internal-cyan) !important;
  --offer-ink: var(--internal-ink) !important;
  --adm-blue: var(--internal-blue) !important;
  --adm-navy: var(--internal-navy) !important;
  --adm-red: var(--internal-cyan) !important;
  --adm-ink: var(--internal-ink) !important;
  --eg-cyan: var(--internal-cyan) !important;
  --eg-blue: var(--internal-blue) !important;
  --eg-yellow: var(--internal-cyan) !important;
  --eg-red: var(--internal-cyan) !important;
  --eg-ink: var(--internal-ink) !important;
  --gallery-green: var(--internal-blue) !important;
  --gallery-dark: var(--internal-navy) !important;
  --gallery-gold: var(--internal-cyan) !important;
  --gallery-red: var(--internal-cyan) !important;
  --horizonte-blue: var(--internal-blue) !important;
  --horizonte-navy: var(--internal-navy) !important;
  --horizonte-gold: var(--internal-cyan) !important;
  --horizonte-red: var(--internal-cyan) !important;
  --success: var(--internal-blue) !important;
  --success-dark: var(--internal-navy) !important;
}

.admissions-hero,
.page-hero,
.service-hero,
.academic-hero,
.schedule-hero,
.attention-hero,
.hero-banner,
.eg-hero,
.map-hero,
.offer-hero,
.hero-wrap,
.hero-news {
  background-color: var(--internal-navy) !important;
  background-image: linear-gradient(125deg, rgba(36, 63, 134, .97) 0%, rgba(111, 196, 221, .9) 100%), url('images/f1.jpg') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.hero-banner h1 span,
.page-hero h1 span,
.service-hero h1 span,
.academic-hero h1 span,
.schedule-hero h1 span,
.eg-hero h1 span,
.map-hero h1 span,
.offer-hero h1 span {
  color: var(--internal-cyan) !important;
}

.admissions-hero::before,
.page-hero::before,
.service-hero::before,
.hero-banner::before,
.eg-hero::before,
.map-hero::before,
.offer-hero::before {
  border-color: rgba(255, 255, 255, .1) !important;
}

.section-header h2,
.history-intro h2,
.page-intro h2,
.service-intro h2,
.eg-intro h2,
.map-card h2,
.offer-intro h2 {
  color: var(--internal-navy) !important;
}

.section-header .icon-mark,
.section-header__mark {
  background: linear-gradient(var(--internal-navy), var(--internal-cyan)) !important;
}

@media (max-width: 992px) {
  .hero-wrap nav {
    background: transparent !important;
  }
}