/* ============================================================
   Interativa — Ajustes responsivos gerais
   ============================================================ */

@media (max-width: 980px) {
  .nav-desktop { display: none; }
  .nav-toggle { display: flex; }
}
@media (min-width: 981px) {
  .mobile-nav { display: none; }
}

@media (max-width: 720px) {
  .hero { min-height: 92vh; }
  .hero-content h1 { max-width: 100%; font-size: var(--text-3xl); }
  .stat-row { gap: var(--sp-6); }
  .cta-band { padding: var(--sp-7) var(--sp-4); }
  .whatsapp-float { right: var(--sp-4); bottom: var(--sp-4); }
}

@media (max-width: 560px) {
  .container { padding-inline: 18px; }
  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
}