/* ==========================================================================
   Overrides Alta Close — Protocolo 180
   1) Fonte: troca Manrope/Playfair -> Inter (mesma do site atual), self-hosted
   2) Títulos com peso forte (800)
   3) Preço borrado (R$ 60.000) mais sutil / chique
   Carregado DEPOIS do CSS principal para vencer no cascade.
   ========================================================================== */

/* ---- Inter self-hosted (fonte variável 100–900, normal + itálico) ---- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(inter-latinext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(inter-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(inter-italic-latinext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(inter-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Aplica Inter em toda a LP (títulos + corpo) ---- */
:root {
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --default-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
html,
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Títulos com peso forte (Inter carrega todos os pesos via fonte variável) */
.font-heading {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 800;
}

/* ==========================================================================
   Layout: centralizar cabeçalhos + títulos maiores (desktop)
   Os wrappers de cabeçalho usam .max-w-[46rem] SEM mx-auto -> grudam à esquerda.
   Centralizamos só os que contêm <h2> (os 8 cabeçalhos de seção), preservando
   parágrafos de corpo que também usam .max-w-[46rem].
   ========================================================================== */
@media (min-width: 1024px) {
  .max-w-\[46rem\]:has(h2) {
    margin-inline: auto;
    text-align: center;
    max-width: 54rem;
  }
  /* títulos maiores */
  .max-w-\[46rem\]:has(h2) h2 {
    font-size: 3.75rem;
    line-height: 1.05;
  }
  /* subtítulo/intro um pouco maior (não afeta o eyebrow, que é text-sm) */
  .max-w-\[46rem\]:has(h2) p.text-xl {
    font-size: 1.5rem;
  }
}

/* ==========================================================================
   Layout (parte 2): centralizar HERO + parágrafos de corpo (problema/oferta)
   Cards/articles continuam alinhados à esquerda (layout próprio).
   ========================================================================== */
@media (min-width: 1024px) {
  /* HERO centralizado */
  #hero .max-w-\[75rem\] {
    text-align: center;
  }
  #hero .max-w-4xl {
    margin-inline: auto;
    text-align: center;
  }
  #hero .flex.flex-wrap {
    justify-content: center;
  }

  /* PROBLEMA + OFERTA: blocos de texto de corpo centralizados */
  #problema .max-w-\[46rem\],
  #oferta .max-w-\[46rem\],
  #oferta .max-w-\[50rem\],
  #oferta .max-w-screen-sm {
    margin-inline: auto;
    text-align: center;
  }
  /* cards mantêm alinhamento à esquerda */
  #problema article,
  #oferta article {
    text-align: left;
  }
}

/* ---- Timeline: bloco centralizado (margens iguais) + respiro entre "Dia X ao dia Y" e o texto ---- */
@media (min-width: 1024px) {
  /* cada fase vira bloco empilhado e centralizado (mata o grid de 2 colunas) */
  #calendario div:has(> div > .cal-ao) {
    display: block;
    max-width: 46rem;
    margin-inline: auto;
    text-align: center;
    padding-bottom: 3.5rem; /* espaço entre as fases */
  }
  /* rótulo afastado do texto (2 dedos) */
  #calendario div:has(> div > .cal-ao) > div:first-child {
    margin-bottom: 1.75rem;
  }
  /* parágrafo da fase centralizado (tinha max-w-[34rem] grudado à esquerda) */
  #calendario div:has(> div > .cal-ao) > div:last-child p {
    margin-inline: auto;
  }
}

/* ---- Calendário: "ao" branco + rótulo em 1 linha (desktop) ---- */
.cal-ao {
  color: #fff;
}
@media (min-width: 1024px) {
  div:has(> .cal-ao) {
    white-space: nowrap;
  }
}

/* ---- Fechar espaço em branco: sobe "Por que nos ouvir" (founder) ----
   após remover o texto de fechamento do calendário, reduz o gap entre as seções. */
@media (min-width: 1024px) {
  #calendario {
    padding-bottom: 4rem;
  }
  #founder {
    padding-top: 4rem;
  }
}

/* ---- Preço borrado: mais sutil e chique ----
   original: blur 5px / opacity .55 (dígitos meio legíveis, aspecto “censura”).
   novo: blur mais difuso + mais discreto, virando um fantasma elegante atrás do CTA. */
[aria-hidden="true"].blur-\[5px\] {
  filter: blur(11px) !important;
  opacity: 0.32 !important;
}