/* =========================================================
   responsive.css — ajustes para telas maiores (mobile-first)
   ========================================================= */

@media (min-width: 600px) {
  .container { padding-inline: var(--space-6); }
  .services-grid,
  .projects-grid,
  .steps { grid-template-columns: repeat(2, 1fr); }
  .contact-channels { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
  /* Menu horizontal no desktop */
  .menu-toggle { display: none; }
  .site-nav,
  .js .site-nav:not(.is-open) {
    display: block;
    position: static;
    padding: 0;
    background: none;
    border: 0;
  }
  .nav-list { flex-direction: row; align-items: center; gap: var(--space-1); }
  .nav-list a:not(.btn) { padding: var(--space-2) var(--space-3); }
  .nav-list .btn { width: auto; margin: 0 0 0 var(--space-3); }

  .hero-inner { grid-template-columns: 1.1fr 0.9fr; }
  .projects-grid { grid-template-columns: repeat(3, 1fr); }
  .steps { grid-template-columns: repeat(4, 1fr); }
  .about-inner { grid-template-columns: 0.8fr 1.2fr; gap: var(--space-section); }
  .contact-inner { grid-template-columns: 0.9fr 1.1fr; align-items: start; }
  .contact-channels { grid-template-columns: 1fr; }
  .footer-inner { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-links { flex-direction: column; }
  .site-footer .social-list { flex-direction: column; gap: var(--space-2); }
}

@media (min-width: 1100px) {
  .services-grid { grid-template-columns: repeat(4, 1fr); }
}