@media (max-width: 900px) {
      .menu {
        display: none;
      }
      .intro-grid,.services-grid,.projects-grid,.stats-grid,.contact-grid,.gallery-grid {
        grid-template-columns: 1fr;
      }
      .service-main {
        grid-column: span 1;
        min-height: 360px;
      }
      .project.large {
        min-height: 380px;
      }
      .contact-card,
      .modal-content {
        padding: 32px;
      }
    }

@media (max-width: 900px) {
  .clientes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}