/* Servicios Menetan — tablet.css — Responsive max-width: 1024px */

/* ─────────────────────────────────────────────
    20. RESPONSIVE — TABLET (≤ 1024px)
───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .hero__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero__subtitle { max-width: 100%; }
  .hero__actions  { justify-content: center; }

  .hero__visual {
    flex-direction: row;
    justify-content: center;
    gap: var(--space-4);
    flex-wrap: wrap;
  }

  .hero__card { flex: 1; min-width: 200px; }

  .about__grid { grid-template-columns: 1fr; gap: var(--space-10); }

  .services__grid { grid-template-columns: repeat(2, 1fr); }

  .legal__grid    { grid-template-columns: repeat(2, 1fr); }

  .footer__inner  { grid-template-columns: 1fr 1fr; gap: var(--space-8); }

  .steps {
    flex-direction: column;
    max-width: 560px;
  }

  .step__connector {
    width: auto;
    height: 40px;
    rotate: 90deg;
  }
}

/* ── SPRINT-F7: Fixes tablet ── */
@media (max-width: 1024px) {

  .hero__inner {
    grid-template-columns: 1fr 300px;
    gap: 2.5rem;
  }
  .hero__title {
    font-size: clamp(2rem, 4vw, 2.8rem);
  }

  .services2__grid {
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .audience2__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .legal2__inner {
    gap: 3rem;
  }
  .legal2__left {
    position: static;
  }

  .sistema__inner {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .contact__grid {
    grid-template-columns: 320px 1fr;
    gap: 3rem;
  }

  .about2__stats {
    gap: 2rem;
  }
}

/* ─────────────────────────────────────────────
    BREAKPOINT 1024px — Ajustes finales
───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr 280px; gap: 2rem; }
  .hero__title { font-size: clamp(2rem, 4vw, 2.8rem); }
  .services2__grid { grid-template-columns: 1fr 1fr; max-width: 100%; }
  .legal2__inner { gap: 3rem; }
  .legal2__left { position: static; }
  .sistema__inner { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .footer__inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .contact__grid { grid-template-columns: 300px 1fr; gap: 3rem; }
  .about2__stats { gap: 2rem; }
  .ss-process { grid-template-columns: 1fr 1fr; }
}