/* ═══════════════════════════════════════════════════════
   SAPATEK DA GI — RESPONSIVE.CSS
   ═══════════════════════════════════════════════════════ */

/* ── 1024px ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .stats-grid { grid-template-columns: repeat(3,1fr); }
  .stats-grid .stat-item:nth-child(3)::after { display:none; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .categoria-card { flex: 0 0 calc(33.333% - 14px); }
}

/* ── 768px ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Navbar mobile: hamburger esquerda, logo centrada, actions direita */
  .nav-links { display: none; }
  .btn-vip { display: none; }
  .btn-wpp-nav { display: none; }
  .nav-hamburger { display: flex; }
  .nav-main { position: relative; justify-content: space-between; }
  .nav-logo { position: absolute; left: 50%; transform: translateX(-50%); }

  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .stats-grid .stat-item:nth-child(2)::after { display:none; }
  .stats-grid .stat-item:nth-child(4)::after { display:none; }

  .categoria-card { flex: 0 0 calc(60% - 10px); }

  .diferenciais-grid { grid-template-columns: repeat(2,1fr); }

  .vip-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .vip-badges { justify-content: center; }
  .vip-desc { margin-left: auto; margin-right: auto; }

  .faq-inner { grid-template-columns: 1fr; gap: 32px; }
  .faq-sidebar { position: static; text-align: center; }
  .faq-sidebar .btn { margin: 0 auto; }

  .localizacao-grid { grid-template-columns: 1fr; }

  .cta-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .cta-sub { margin-left: auto; margin-right: auto; }
  .cta-badges { justify-content: center; }
  .cta-actions { width: 100%; }
  .cta-actions .btn { width: 100%; justify-content: center; }

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
}

/* ── 640px ──────────────────────────────────────────────── */
@media (max-width: 640px) {
  .categoria-card { flex: 0 0 calc(80% - 10px); }
  .diferenciais-grid { grid-template-columns: 1fr; }
  .categorias-cta { flex-direction: column; align-items: stretch; }
  .categorias-cta .btn { width: 100%; justify-content: center; }
  .avaliacoes-rating-bar { flex-direction: column; gap: 8px; }
  .contato-card-full { padding: 24px 20px; }
}

/* ── 380px ──────────────────────────────────────────────── */
@media (max-width: 380px) {
  .container { padding: 0 16px; }
  .nav-main { padding: 0 16px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .btn-lg { padding: 14px 22px; font-size: 14px; }
  .categoria-card { flex: 0 0 90%; }
}
