/*
 * ─────────────────────────────────────────────────────────────────
 *  SINAPSYS — RESPONSIVE
 *  Breakpoint único: 960px (tablet/mobile).
 *  Se sobreescriben tokens de espaciado para mobile.
 * ─────────────────────────────────────────────────────────────────
 */

@media (max-width: 960px) {

  /* ─── TOKENS MOBILE ─── */
  :root {
    --section-pad-x: var(--space-8);    /* 32px en lugar de 80px */
    --section-pad-y: var(--space-16);   /* 64px en lugar de 112px */
  }

  /* ─── NAV ─── */
  nav ul { display: none; }

  /* ─── HERO ─── */
  .hero { padding: 7rem var(--space-8) var(--space-16); }
  .hero-deco { display: none; }

  /* ─── STATS STRIP ─── */
  .stats-strip {
    grid-template-columns: 1fr 1fr;
    padding: var(--space-8);
  }

  /* ─── SERVICIOS ─── */
  .services-header { grid-template-columns: 1fr; gap: var(--space-6); }
  .services-grid   { grid-template-columns: 1fr; }

  /* ─── HOW IT WORKS ─── */
  .steps-grid { grid-template-columns: 1fr 1fr; }
  .steps-grid::before { display: none; }   /* Ocultar línea conectora en mobile */

  /* ─── ABOUT ─── */
  .about-grid {
    grid-template-columns: 1fr;
    gap: var(--space-12);
  }

  /* ─── TESTIMONIOS ─── */
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Neutralizar posicionamiento de columnas del grid de 6 */
  .testimonial-card,
  .testimonial-card:nth-child(4),
  .testimonial-card:nth-child(5) {
    grid-column: 1 / -1;
  }

  /* ─── PRICING ─── */
  .pricing-grid { grid-template-columns: 1fr; }

  /* ─── FOOTER ─── */
  footer {
    grid-template-columns: 1fr;
    gap: var(--space-8);
    padding: var(--space-12) var(--space-8);
  }

  .footer-bottom {
    padding: var(--space-5) var(--space-8);
    flex-direction: column;
    gap: var(--space-2);
  }
}