/* ─── RESPONSIVO ─────────────────────────────────────── */

/* ── Tablet (768px – 1024px) ── */
@media (max-width: 1024px) {
  .nav {
    padding: 24px 32px;
  }

  .nav.scrolled {
    padding: 14px 32px;
  }

  .container {
    padding: 0 32px;
  }

  /* Glass Cards: 2 columnas en tablet */
  .diferencia__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Blog: 2 columnas en tablet */
  .blog__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Historia: 1 columna en tablet */
  .historia {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 80px 32px;
  }
}

/* ── Mobile (<768px) ── */
@media (max-width: 768px) {
  /* Nav */
  .nav {
    padding: 20px 24px;
  }

  .nav.scrolled {
    padding: 14px 24px;
  }

  .nav__links,
  .nav__cta {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* Container */
  .container {
    padding: 0 24px;
  }

  /* Manifesto */
  .manifesto {
    padding: 80px 24px;
  }

  .manifesto__deco {
    font-size: 140px;
    right: -10px;
  }

  .manifesto__grid {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-top: 56px;
  }

  .manifesto__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 16px;
  }

  .stat__num {
    font-size: 44px;
  }

  /* Servicios */
  .servicios {
    padding: 80px 24px;
  }

  .servicios__header {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 40px;
  }

  .servicio-item {
    grid-template-columns: 40px 1fr auto;
    gap: 0 16px;
  }

  .servicio-item__tags {
    display: none;
  }

  /* Proceso */
  .proceso {
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .proceso__sticky {
    position: relative;
    height: auto;
    padding: 80px 24px 40px;
  }

  .proceso__num-wrap {
    display: none;
  }

  .proceso__steps {
    padding: 0 24px 80px;
  }

  .proceso__num-wrap {
    display: none;
  }

  .step-item {
    opacity: 1;
    transform: none;
    padding: 40px 0;
  }

  /* Glass Cards */
  .diferencia {
    padding: 80px 24px;
  }

  .diferencia__grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 48px;
  }

  /* Blog */
  .blog {
    padding: 80px 24px;
  }

  .blog__grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 48px;
  }

  /* Historia */
  .historia {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 80px 24px;
  }

  /* CTA Final */
  .cta-final {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 80px 24px;
  }

  .cta-final__btn-wa {
    align-self: stretch;
    justify-content: center;
  }

  /* Footer */
  .footer {
    padding: 56px 24px 32px;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .footer__bottom {
    flex-wrap: wrap;
    gap: 12px;
  }

  /* Hero */
  .hero__content {
    grid-template-columns: 1fr;
    padding: 0 24px 64px;
    gap: 32px;
  }

  .hero__right {
    align-items: flex-start;
  }

  .hero__desc {
    text-align: left;
    max-width: 100%;
  }

  .hero__buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .hero__badge {
    display: none;
  }

  .hero__scroll {
    display: none;
  }
}