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

/* ---- TABLET (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 1fr; gap: 16px; }
  .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é 640px) ---- */
@media (max-width: 640px) {
  /* Tipografia */
  .section-head h2 { white-space: normal; font-size: 28px; }
  .section-head    { text-align: left !important; align-items: flex-start !important; }

  /* Hero */
  .hero-actions         { flex-direction: column; gap: 10px; }
  .hero-actions .btn    { width: 100%; justify-content: center; }
  .hero-stats           { gap: 20px; }
  .slide-arrow          { display: none; }

  /* Serviços */
  .services-grid  { grid-template-columns: 1fr; }
  .svc-grid       { grid-template-columns: 1fr; }

  /* Diferenciais e processo */
  .why-grid { grid-template-columns: 1fr !important; gap: 14px; }
  .why-card { padding: 22px 18px; }

  /* Nav */
  .nav-cta .btn-ghost { display: none; }

  /* Footer */
  .footer-cols        { gap: 24px; flex-wrap: wrap; }
  .footer-top         { flex-direction: column; }
  .footer-bottom      { flex-direction: column; align-items: flex-start; gap: 8px; }
  .footer-col         { min-width: 140px; }
  .logo-img           { height: 36px; }

  /* Diag grid */
  .diag-grid { gap: 28px; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }
}

/* ---- FOOTER RESPONSIVO TABLET ---- */
@media (max-width: 1080px) {
  .footer-top { grid-template-columns: 1fr; }
}