/*
  Identidade visual real do ISPCAALA — extraída do site oficial de matrículas
  (matriculas.ispcaala.com). Substitui a paleta genérica do template por
  as cores, gradiente e tipografia realmente usadas pela instituição.
*/

:root {
  --accent-color: #ab2b44;        /* vermelho ISPCAALA (era #c33948, genérico do template) */
  --accent-dark: #7a1f32;
  --accent-light: #c53c5e;
  --heading-color: #0e1a77;       /* azul-marinho ISPCAALA (era #183152, genérico do template) */
  --heading-color-light: #0b43ff;
  --ispc-cyan: #00bbff;
  --ispc-cyan-light: #4dd2ff;

  --default-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --heading-font: "Inter", sans-serif;
  --nav-font: "Inter", sans-serif;

  /* Gradiente de marca: usado no cabeçalho, rodapé e faixas de destaque */
  --ispc-gradient: linear-gradient(115deg, var(--accent-dark) 0%, var(--heading-color) 100%);
}

.dark-background {
  --heading-color: #ffffff;
}

/* Cabeçalho com o gradiente de marca em vez de azul liso */
.header {
  background-image: var(--ispc-gradient);
  background-color: transparent;
}

/* Rodapé com o mesmo gradiente */
.footer.dark-background {
  background-image: var(--ispc-gradient);
  background-color: transparent;
}

/* Botão de destaque do cabeçalho (Matricule-se) com leve profundidade */
.header .btn-cta {
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent-color), transparent 65%);
}

/* Faixa "Excelência no Ensino" (números/estatísticas): gradiente da marca
   em vez do vermelho liso (vermelho sobre vermelho escuro) do template */
.stats .stats-banner {
  background-image: var(--ispc-gradient);
}

/* ══ Substituir o vermelho liso pelo gradiente da marca em toda a superfície
   visível do site: botões principais, distintivos, faixas e crachás ══ */
.hero .hero-block .hero-copy .hero-btns .btn-apply,
.header .btn-cta,
.admissions .inquiry-form-wrapper .btn-submit-inquiry,
.academics .action-btn.primary-btn,
.featured-programs .featured-tag,
.admissions .timeline-banner .timeline-block .timeline-date,
.about .campus-showcase .experience-badge,
.history .campus-showcase .experience-badge,
.students-life .intro-block .intro-image-wrap .experience-badge,
.stats .image-showcase .experience-tag,
.stats .detail-content .action-buttons .btn-discover,
.events .featured-event .featured-content .enroll-btn,
.nav-cta-mobile {
  background-image: var(--ispc-gradient) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.hero .hero-block .hero-copy .hero-btns .btn-apply:hover,
.header .btn-cta:hover,
.admissions .inquiry-form-wrapper .btn-submit-inquiry:hover,
.academics .action-btn.primary-btn:hover,
.stats .detail-content .action-buttons .btn-discover:hover {
  filter: brightness(1.08);
}

/* Painel de administração: mesmo gradiente nos botões principais */
.btn-primary {
  background-image: var(--ispc-gradient) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* ══ Menu mais fino e leve ══ */
.header .header-top {
  padding: 6px 0;
  font-size: 12.5px;
}
.header .header-main {
  padding: 10px 0;
}
@media (min-width: 1200px) {
  .navmenu a, .navmenu a:focus {
    font-size: 14px;
    font-weight: 300;
    padding: 10px 14px;
    letter-spacing: .2px;
  }
}
.header .btn-cta {
  padding: 8px 22px;
  font-size: 13px;
}