/* =========================================
   RESPONSIVO — sempre a última camada carregada
   ========================================= */
@media (max-width: 960px) {
  .services-grid { grid-template-columns: 1fr 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .about-img-bg { display: none; }
  .diff-grid { grid-template-columns: 1fr 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .service-detail-inner { grid-template-columns: 1fr !important; direction: ltr !important; }
  .coverage-grid { grid-template-columns: 1fr; }
  .about-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .contact-grid { grid-template-columns: 1fr; }
  .team-card { grid-template-columns: 1fr; text-align: center; gap: 24px; }
  .team-photo, .team-avatar { height: 240px; }
  .tl-item { grid-template-columns: 80px 30px 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .tracking-form-row { flex-direction: column; }
  .hero-arrow--prev { left: -8px; }
  .hero-arrow--next { right: -8px; }
  .about-quem-somos-grid { grid-template-columns: 1fr; }
  .about-timeline-grid { grid-template-columns: 1fr; }
  .sticky-col { position: static; }
}

@media (max-width: 600px) {
  .nav-links { display: none; }
  .nav-links.open { display: flex; flex-direction: column; position: fixed; top: var(--nav-h); left: 0; right: 0; background: var(--white); padding: 16px 24px 24px; border-bottom: 1px solid var(--gray-100); box-shadow: 0 8px 24px rgba(0,0,0,0.1); z-index: 999; }
  .nav-mobile-btn { display: block; }
  .services-grid { grid-template-columns: 1fr; }
  .diff-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; gap: 32px; }
  .coverage-stat-row { grid-template-columns: 1fr 1fr; }
  .hero-stats { gap: 28px; }
  .t-meta-grid { grid-template-columns: 1fr; }
  .hero-slider { min-height: 460px; }
  .hero-arrow { display: none; }
}
