/* ═══════════════════════════════════════════════
   responsive.css — Media queries y adaptación móvil
   Rodax Group Labs
═══════════════════════════════════════════════ */

@media (max-width: 960px) {

  /* Nav */
  .nav-links { display: none; }

  /* Hero */
  .hero-wrap  { grid-template-columns: 1fr; }
  .hero-card  { display: none; }

  /* Servicios */
  .srv-grid   { grid-template-columns: 1fr; }

  /* Nosotros */
  .nos-wrap   { grid-template-columns: 1fr; gap: 3rem; }
  .stats-g    { grid-template-columns: 1fr 1fr; }

  /* Testimonios */
  .test-grid  { grid-template-columns: 1fr; }

  /* Contacto */
  .con-wrap   { grid-template-columns: 1fr; gap: 2.5rem; }
  .row2       { grid-template-columns: 1fr; }

}

@media (max-width: 600px) {

  section { padding: 70px 5%; }

  h1 { letter-spacing: -1px; }
  h2 { letter-spacing: -.5px; }

  .hero-btns { flex-direction: column; }
  .btn-main,
  .btn-ghost { width: 100%; justify-content: center; }

  .stats-g { grid-template-columns: 1fr; }
  .stat-c.full { flex-direction: column; gap: 1rem; text-align: center; }

  footer { padding: 2rem 5%; }
  .foot-in { flex-direction: column; align-items: flex-start; gap: .8rem; }
  .foot-links { flex-wrap: wrap; gap: 1rem; }

}