/* =============================================================================
   RESPONSIVE — Media queries
   Todos los breakpoints en un lugar. Modificar layout adaptativo aquí.
   Breakpoints: 900px (tablet/mobile nav) · 600px (mobile pequeño)
   ============================================================================= */


/* =============================================================================
   TABLET / MOBILE — max-width: 900px
   ============================================================================= */

@media (max-width: 900px) {

  /* Navbar */
  .nav-links  { display: none; }
  .hamburger  { display: flex; }

  /* Contacto */
  .contact-wrapper { grid-template-columns: 1fr; gap: 2rem; }

  /* Formulario */
  .form-row { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }

  /* Proceso — ocultar línea conectora */
  .process-steps::before { display: none; }

  /* Problemas */
  .problems-grid { grid-template-columns: 1fr 1fr; }

  /* Industrias */
  .industries-grid { grid-template-columns: 1fr 1fr; }

  /* WhatsApp float — solo ícono en tablet/mobile */
  .wa-float span  { display: none; }
  .wa-float       { padding: 0.85rem; border-radius: 50%; }
}


/* =============================================================================
   MOBILE — max-width: 600px
   ============================================================================= */

@media (max-width: 600px) {

  /* Hero */
  .hero-stats { gap: 1.5rem; }

  /* Problemas */
  .problems-grid { grid-template-columns: 1fr; }

  /* Industrias */
  .industries-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid   { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
}