/* ==========================================================================
   RESPONSIVO: ajustes globais por largura e de impressão.
   Os ajustes de cada seção ficam junto da seção em sections.css.
   Pontos de quebra: 640 · 768 · 1024 · 1280
   ========================================================================== */

@media (min-width: 1280px) {
  .lead {
    max-width: 30ch;
  }
}

@media print {
  .site-header,
  .whatsapp-btn,
  .demo-scenarios {
    display: none;
  }

  .site-footer {
    position: static;
  }

  body,
  main {
    background: var(--paper);
    color: var(--paper-ink);
  }
}