/* Be Center — typography refinements (round 2, after the font swap).
   Loaded after custom-fonts.css and the compiled site CSS so these rules win.
   Uses !important because these override Tailwind utility classes baked
   into the compiled bundle, which can't be edited directly. */

/* 1. All headings (h1–h6 using the heading font): Kapra Neue, uppercase, never italic.
      Includes any nested accent <span class="italic"> inside a heading (e.g. the hero
      title's colored accent phrase), not just the heading element itself. */
h1.font-serif,
h2.font-serif,
h3.font-serif,
h4.font-serif,
h5.font-serif,
h6.font-serif {
  text-transform: uppercase;
  font-style: normal !important;
}
h1.font-serif *,
h2.font-serif *,
h3.font-serif *,
h4.font-serif *,
h5.font-serif *,
h6.font-serif * {
  font-style: normal !important;
}

/* 2. Pill/CTA buttons ("Solicitar avaliação", "Entrar na lista de espera",
      "Agendar avaliação", "Falar no WhatsApp"): Kapra Neue, uppercase, never italic. */
a.rounded-full[class*="bg-coral"],
a.rounded-full[class*="border-coral"] {
  font-family: "Kapra Neue", system-ui, sans-serif !important;
  text-transform: uppercase;
  font-style: normal !important;
}

/* 3. Unified, doubled heading size across four sections so they all match:
      - "Pra quem" — the 5 side topics (was text-xl/md:text-2xl → 1.25rem/1.5rem)
      - "Serviços" — the 4 boxes                (was text-xl/md:text-2xl → 1.25rem/1.5rem)
      - "O método" — the 4 numbered steps       (was flat text-2xl → 1.5rem)
      - "Formações" — the 3 boxes (Apometria/Reikiando/Reiki Mestrado) (was flat text-2xl → 1.5rem)
   All four now share the same final size at both breakpoints (2.5rem / 3rem)
   so they read as one consistent heading scale, per request. */
h3.font-serif.text-xl.text-foreground:not(.tracking-tight),   /* Pra quem: 5 topics */
h3.font-serif.text-xl.text-foreground.tracking-tight,          /* Serviços: 4 boxes */
h3.font-serif.text-2xl.tracking-tight.mt-4,                    /* O método: 4 steps */
h3.font-serif.text-2xl.text-foreground.tracking-tight {        /* Formações: 3 boxes */
  font-size: 2.5rem !important;
  /* Relative line-height so it scales with the new size instead of keeping
     the original text-2xl/text-xl line-height (which was tuned for a much
     smaller font and caused wrapped lines to overlap). Also a bit more
     top margin for breathing room under the "01/02/03" number badges. */
  line-height: 1.15 !important;
  margin-top: 1.25rem !important;
}
@media (min-width: 768px) {
  h3.font-serif.text-xl.text-foreground:not(.tracking-tight),
  h3.font-serif.text-xl.text-foreground.tracking-tight,
  h3.font-serif.text-2xl.tracking-tight.mt-4,
  h3.font-serif.text-2xl.text-foreground.tracking-tight {
    font-size: 3rem !important;
  }
}

/* 4. Hero quote overlapping the photo ("A clareza chega..."): Poynter, not Kapra. */
p.font-serif.italic.text-base.text-ink.leading-snug {
  font-family: "Poynter OS Text", Georgia, serif !important;
}

/* 5. "Você sente que" bullet list: Poynter, not Kapra. */
li.font-serif.text-2xl.tracking-tight {
  font-family: "Poynter OS Text", Georgia, serif !important;
}

/* 6. Vanessa & Jivago bio pull-quotes: Poynter, and 50% bigger
      (was text-base/sm:text-lg → 1rem/1.125rem, now 1.5rem/1.6875rem). */
blockquote.font-serif.italic.border-l-2 {
  font-family: "Poynter OS Text", Georgia, serif !important;
  font-size: 1.5rem !important;
}
@media (min-width: 640px) {
  blockquote.font-serif.italic.border-l-2 {
    font-size: 1.6875rem !important;
  }
}

/* 7. Testimonial quotes + their decorative quote-mark: Poynter, not Kapra.
      (The "Vozes que atravessaram o processo" heading itself is untouched
      here — it stays Kapra via rule 1 above, as requested.) */
blockquote.font-serif.italic.text-lg.text-foreground\/85,
span.font-serif.text-honey {
  font-family: "Poynter OS Text", Georgia, serif !important;
}