/* ==========================================================================
   MAIN — ponto de entrada único do CSS
   Cada camada mora no seu próprio arquivo; este só define a ordem de carga.
   Ordem importa: tokens -> reset -> tipografia -> utilitários -> componentes
   -> seções.
   ========================================================================== */

/* ---- Base ---- */
@import url("./base/tokens.css?v=2");
@import url("./base/reset.css?v=2");
@import url("./base/typography.css?v=2");
@import url("./base/utilities.css?v=2");

/* ---- Componentes ---- */
@import url("./components/button.css?v=2");
@import url("./components/header.css?v=2");
@import url("./components/footer.css?v=2");
@import url("./components/card.css?v=2");
@import url("./components/badge.css?v=2");
@import url("./components/accordion.css?v=2");
@import url("./components/whatsapp-fab.css?v=2");
@import url("./components/reveal.css?v=2");

/* ---- Seções ---- */
@import url("./sections/hero.css?v=2");
@import url("./sections/about.css?v=2");
@import url("./sections/services.css?v=2");
@import url("./sections/convenios.css?v=2");
@import url("./sections/testimonials.css?v=2");
@import url("./sections/imprensa.css?v=2");
@import url("./sections/contact.css?v=2");
@import url("./sections/service-page.css?v=2");

/* ==========================================================================
   Ajustes globais que dependem de todas as camadas acima
   ========================================================================== */

/* Empurra o conteúdo para baixo do header fixo em páginas sem hero */
.page-offset {
  padding-block-start: var(--header-h);
}

/* Impede que qualquer filho estoure a largura da viewport no mobile */
main,
section,
.container {
  min-inline-size: 0;
}

/* Melhora a leitura de números em tabelas/estatísticas */
.tnum {
  font-variant-numeric: tabular-nums;
}