/* ── TABLET (max 1024px) ── */
@media (max-width: 1024px) {
  .plans-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-container { gap: 48px; }
  .sobre-grid { gap: 48px; }
  .footer-container { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .feedbacks-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── MOBILE (max 768px) ── */
@media (max-width: 768px) {
  :root {
    --space-lg: 24px;
    --space-xl: 48px;
    --space-2xl: 72px;
  }

  /* Nav */
  .nav-links { display: none; }
  .header-cta { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero-container { grid-template-columns: 1fr; gap: 32px; padding: 32px 0 20px; }
  .hero-title { font-size: clamp(52px, 15vw, 80px); }
  .hero-ctas { flex-direction: column; }
  .hero-ctas .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-wrap: wrap; gap: 24px; padding: 28px 0; }
  .stat-item { min-width: 40%; }
  .stat-divider { display: none; }
  .stat-number { font-size: 36px; }

  /* Hero visual — foto no topo, antes do texto */
  .hero-visual { height: 300px; order: -1; }
  .hero-image-container {
    position: relative;
    height: 300px;
    border-radius: var(--radius-lg);
  }
  .hero-image { object-position: center 20%; }
  .floating-badge { display: none; }
  .hero-seal { display: none; }

  /* Sobre */
  .sobre-grid { grid-template-columns: 1fr; gap: 40px; }
  .sobre-image { height: 360px; }
  .sobre-card { right: 0; bottom: -16px; }

  /* Metodologia */
  .metodologia-split { flex-direction: column; }
  .metodo-divider { flex-direction: row; height: 48px; }
  .divider-line { height: 1px; flex: 1; width: auto; }

  /* Timeline */
  .timeline { padding: 0; }
  .timeline-step { grid-template-columns: 48px 1fr; gap: 16px; }
  .step-number { font-size: 36px; padding-top: 22px; }

  /* Plans */
  .plans-grid { grid-template-columns: 1fr; }
  .plans-toggle { width: 100%; justify-content: center; }
  .avulsa-card { flex-direction: column; text-align: center; }
  .avulsa-card .btn { width: 100%; justify-content: center; }

  /* Depoimentos */
  .depo-swiper .swiper-button-prev,
  .depo-swiper .swiper-button-next { display: none; }
  .depo-videos-grid { grid-template-columns: 1fr; }

  /* CTA */
  .cta-buttons { flex-direction: column; align-items: center; }
  .cta-buttons .btn { width: 100%; max-width: 400px; justify-content: center; }

  /* Footer */
  .footer-container { grid-template-columns: 1fr; gap: 36px; }
  .footer-bottom { padding: 20px var(--space-lg); }

  /* Section */
  h2 { font-size: clamp(32px, 9vw, 52px); }
  .section-subtitle { margin-bottom: 40px; }
  .faq-container { padding: 0 var(--space-lg); }
}

/* ── SMALL MOBILE (max 375px) ── */
@media (max-width: 375px) {
  .hero-title { font-size: 48px; }
  .btn-xl { padding: 15px 28px; font-size: 14px; }
  .plans-toggle { flex-direction: column; width: 200px; }
}

/* ── LARGE SCREENS (min 1400px) ── */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
  .plans-grid { gap: 24px; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ── PRINT ── */
@media print {
  .header, .whatsapp-float, .hero-bg { display: none; }
  .hero { padding-top: 0; min-height: auto; }
}
