/* ============================================================
   RESPONSIVIDADE — Mobile-first
   Breakpoints: tablet ≥48rem (768px) · desktop ≥64rem (1024px)
   ============================================================ */

/* ---------- Tablet ---------- */
@media (min-width: 48rem) {
  .nav-desktop {
    display: flex;
  }

  .nav-toggle,
  .mobile-menu {
    display: none;
  }

  .hero__content {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 2.5rem;
  }

  .card-grid,
  .product-grid,
  .steps-grid,
  .testimonial-grid,
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-section {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .footer__content {
    grid-template-columns: 1.4fr 1fr 1fr;
    align-items: start;
  }
}

/* ---------- Desktop ---------- */
@media (min-width: 64rem) {
  .card-grid,
  .steps-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .product-grid,
  .testimonial-grid,
  .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}