/* ============================================================
   RESPONSIVE.CSS — Breakpoints y ajustes mobile-first
   Breakpoints: 1024px (tablet) → 768px (mobile)
   ============================================================ */

/* ── Tablet ── */
@media (max-width: 1024px) {
  .packages__grid      { grid-template-columns: repeat(2, 1fr); }
  .footer__grid        { grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
  .work-process__grid  { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  /* Navbar */
  .navbar__links,
  .navbar__cta          { display: none; }
  .navbar__hamburger    { display: flex; }

  /* Hero flow */
  .hero__flow           { flex-direction: column; }
  .hero__flow-step      { border-radius: var(--radius-md); min-width: 280px; }
  .hero__flow-step:first-child,
  .hero__flow-step:last-child { border-radius: var(--radius-md); }
  .hero__flow-arrow     { transform: rotate(90deg); }

  /* Secciones */
  .for-who__grid        { grid-template-columns: 1fr; }

  /* Fases */
  .phase                { grid-template-columns: 1fr; }
  .phase--reverse .phase__content { order: 1; }
  .phase--reverse .phase__visual  { order: 2; }

  /* Stats */
  .stats__grid          { grid-template-columns: repeat(2, 1fr); }
  .stats__item:nth-child(2) { border-right: none; }

  /* Paquetes, testimonios, contacto */
  .packages__grid       { grid-template-columns: 1fr; }
  .testimonials__grid   { grid-template-columns: 1fr; }
  .contact__grid        { grid-template-columns: 1fr; }

  /* Footer */
  .footer__grid         { grid-template-columns: 1fr; }
  .footer__bottom       { flex-direction: column; gap: 8px; text-align: center; }

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

  /* CTA */
  .cta-banner           { padding: var(--space-xl) var(--space-md); }

  /* Proceso */
  .work-process__grid   { grid-template-columns: 1fr; }
}