/* ============================================================
   RESPONSIVE — mobile-first adjustments
   ============================================================ */

/* ---------- ≤ 1024px (tablet landscape) ---------- */
@media (max-width: 1024px) {
  .areas__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .depoimentos__carousel {
    --carousel-cards: 2;
  }

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

  .footer__brand {
    grid-column: 1 / -1;
  }
}

/* ---------- ≤ 1000px (desktop compacto) ---------- */
@media (max-width: 1000px) {
  .header__cta {
    display: none;
  }

  .header__nav {
    gap: clamp(1rem, 2.2vw, 1.375rem);
  }
}

/* ---------- ≤ 940px (tablet) ---------- */
@media (max-width: 940px) {
  .escritorio__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .escritorio__media img {
    aspect-ratio: 16 / 10;
  }

  .cta-final__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cta-final__form {
    max-width: 560px;
  }
}

/* ---------- ≤ 770px (mobile) ---------- */
@media (max-width: 770px) {
  .topbar__links .topbar__link span {
    display: none;
  }

  .topbar__link {
    width: 44px;
    height: 40px;
    justify-content: center;
  }

  .header__nav {
    display: none;
  }

  .header__burger {
    display: flex;
  }

  .header__cta {
    display: none;
  }

  .hero {
    margin-top: -84px;
    padding-top: 128px;
    min-height: 88vh;
  }

  .depoimentos__carousel {
    --carousel-cards: 1;
  }

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

  .footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
  }

  .wa-float {
    right: 16px;
    bottom: 16px;
  }

  .to-top {
    left: 16px;
    bottom: 16px;
  }
}

/* ---------- ≤ 520px (mobile pequeno) ---------- */
@media (max-width: 520px) {
  .topbar {
    overflow: hidden;
  }

  .topbar__links {
    display: none;
  }

  .topbar__text {
    width: 100%;
    justify-content: center;
    white-space: normal;
    text-align: center;
    letter-spacing: 0.12em;
  }

  .areas__grid,
  .diferenciais__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__actions .btn {
    width: 100%;
  }

  .cta-final__actions .btn {
    width: 100%;
  }

  .autoridade__stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__motto {
    letter-spacing: 0.2em;
  }

  .menu-mobile__nav {
    gap: var(--space-1);
  }
}

/* ---------- ≤ 380px ---------- */
@media (max-width: 380px) {
  .header__brand-logo {
    height: 32px;
  }

  .footer__logo .header__brand-logo {
    height: 40px;
  }

  .header__inner {
    gap: 8px;
  }

  .header__actions {
    gap: 8px;
  }

  .hero {
    padding-top: 124px;
  }
}