/* ============================================
   Responsive — 480, 640, 768, 1024, 1200
   ============================================ */

/* === 1200px === */
@media (max-width: 1200px) {
  .tech-grid {
    grid-template-columns: repeat(4, 1fr);
  }

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

/* === 1100px — hero e splits viram 1 coluna === */
@media (max-width: 1100px) {
  .hero__inner,
  .editorial-split,
  .editorial-split--reverse,
  .cta__inner {
    grid-template-columns: 1fr;
  }

  .hero__media {
    order: -1;
    aspect-ratio: 16 / 10;
    max-height: 420px;
  }

  .hero__media img {
    object-position: center 35%;
  }

  .hero__content {
    max-width: none;
  }

  .editorial-split__media {
    aspect-ratio: 16 / 10;
    max-height: 380px;
  }

  .cta__visual {
    display: none;
  }
}

/* === 1024px === */
@media (max-width: 1024px) {
  .cards-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

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

  .expertise-col:last-child {
    grid-column: 1 / -1;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  /* Header vira mobile */
  .site-header__nav,
  .site-header__cta-desktop {
    display: none;
  }

  .site-header__toggle {
    display: inline-flex;
  }

  .clients-carousel__track {
    animation-duration: 32s;
  }

  .client-logo img {
    width: 170px;
  }
}

/* === 768px === */
@media (max-width: 768px) {
  .section {
    padding-block: var(--sp-8);
  }

  .container,
  .container--narrow,
  .container--wide {
    width: min(100% - 2rem, var(--container));
  }

  .cards-grid--3,
  .cards-grid--4,
  .cards-grid--cases,
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .cards-grid--cases {
    --case-card-min-h: 220px;
  }

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

  .expertise-col:last-child {
    grid-column: auto;
  }

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

  .tech-grid {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .hero {
    min-height: 100svh;
    padding-block: calc(var(--header-h) + 2.5rem) 4.5rem;
  }

  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__actions .btn {
    width: 100%;
  }

  .hero__proof {
    flex-direction: column;
    gap: var(--sp-3);
  }

  .hero__scroll {
    display: none;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--sp-6);
  }
}

/* === 640px === */
@media (max-width: 640px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }

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

  .section__head {
    margin-bottom: var(--sp-6);
  }

  .clients-carousel__track {
    animation-duration: 26s;
  }

  .client-logo img {
    width: 150px;
  }
}

/* === 480px === */
@media (max-width: 480px) {
  .section {
    padding-block: var(--sp-7);
  }

  .site-header__logo-img {
    width: 100%;
  }

  .cta__card {
    padding: var(--sp-5);
  }

  .client-logo {
    margin-inline: var(--sp-3);
    padding: 0.875rem 1.25rem;
  }

  .client-logo img {
    width: 130px;
  }
}