/* ==========================================================================
   RSAF v2 — "Monografia Clínica" · Layout responsivo
   Breakpoints: 640 / 880 / 1080 / 1280. Mobile-first.
   ========================================================================== */

@media (max-width: 879px) {
  .hero__folio .mono:nth-child(n+2) { display: none; }
  .hero__base .mono:nth-child(2) { display: none; }
}

@media (max-width: 879px) {
  .sec-head { margin-bottom: var(--space-l); }
  .fig--hero { max-width: 30rem; }
}

/* Ritmo vertical das seções em telas pequenas */
@media (max-width: 719px) {
  .hero { padding-bottom: var(--space-xl); }
  .cta-final__ctas .btn { width: 100%; }
}

/* Refinamentos de leitura em telas médias */
@media (min-width: 880px) {
  .sec-head { max-width: 60rem; }
  .sec-head .sec-lead { max-width: 46rem; }
}

/* Telas amplas: respiro de documento impresso */
@media (min-width: 1280px) {
  :root { --section-y: clamp(5rem, 3.5rem + 4vw, 8rem); }
  .hero { padding-top: calc(var(--header-h) + var(--space-3xl)); }
}
