/* =========================================
   RESPONSIVE
   Media queries — sempre por último
   ========================================= */

/* ---- TABLET / DESKTOP MÉDIO (até 980px) ---- */
@media (max-width: 980px) {
  .diag-grid       { grid-template-columns: 1fr; gap: 40px; }
  .services-grid   { grid-template-columns: repeat(2,1fr); }
  .why-grid        { grid-template-columns: 1fr; gap: 36px; }
  .contact-grid    { grid-template-columns: 1fr; }
  .footer-top      { flex-direction: column; }
  .gauge-card      { display: none; }

  nav.menu         { display: none; }
  .menu-toggle     { display: flex; align-items: center; justify-content: center; }
}

/* ---- MOBILE (até 560px) ---- */
@media (max-width: 560px) {
  .services-grid          { grid-template-columns: 1fr; }
  .hero-actions           { flex-direction: column; }
  .hero-actions .btn      { justify-content: center; width: 100%; }
  .hero-stats             { gap: 22px; }
  .nav-cta .btn-ghost     { display: none; }
  .footer-cols            { gap: 30px; flex-wrap: wrap; }
  .slide-arrow            { display: none; }
}