@media (max-width: 1024px) {
  .hero { padding: 72px 0 56px; }
}

@media (max-width: 900px) {
  .quem-somos__layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .quem-somos__stats,
  .social__cards { grid-template-columns: 1fr; }

  /* Carrossel automático (ticker via requestAnimationFrame, ver
     js/acompanhamento-ticker.js) — sem barra de scroll nativa pro
     usuário arrastar; toque pausa, soltar retoma. */
  .acompanhamento__track-wrap {
    overflow: hidden;
    margin: 0 calc(var(--pad) * -1) 40px;
    padding: 0 var(--pad);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .acompanhamento__grid {
    display: flex;
    grid-template-columns: none;
    gap: 16px;
    width: max-content;
    margin-bottom: 0;
    will-change: transform;
    touch-action: pan-y;
  }
  .acompanhamento__item {
    flex: 0 0 82vw;
    max-width: 320px;
  }
}

@media (max-width: 768px) {
  section { padding: 56px 0; }
  .hero__headline { font-size: 30px; }
  .quem-somos__headline,
  .acompanhamento__headline,
  .timeline__headline { font-size: 24px; }
  .footer__headline { font-size: 22px; }

  .hero .btn,
  .quem-somos .btn,
  .acompanhamento .btn,
  .footer .btn { width: 100%; }

  .floating-whatsapp { right: 14px; bottom: 14px; width: 50px; height: 50px; }
}