/* Mobile First Adjustments */
@media (max-width: 992px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .mobile-toggle { display: block; }
  .nav-menu {
    position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh;
    background: var(--bg-white); flex-direction: column; padding: 5rem 2rem 2rem;
    box-shadow: var(--shadow-lg); transition: var(--transition); z-index: 999;
  }
  .nav-menu.active { right: 0; }
  .nav-actions .btn { display: none; } /* Hide header CTA on mobile, use floating */
  .hero { padding: 8rem 0 4rem; text-align: center; }
  .hero-buttons { justify-content: center; }
  .hero-contact { justify-content: center; }
  .stats { margin-top: 0; border-radius: 0; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .float-call { right: 1.5rem; bottom: 6rem; }
  .float-whatsapp { right: 1.5rem; bottom: 2rem; }
  .float-top { right: 1.5rem; bottom: 10rem; }
}

@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr; }
  .grid-3, .grid-4 { grid-template-columns: 1fr; }
}