/* ===== Yeap Marketing — responsividade ===== */

/* notebooks estreitos */
@media (max-width: 1180px) and (min-width: 901px) {
  .header__nav { gap: 18px; }
  .header__nav a:not(.btn) { font-size: .68rem; }
  .header__nav .btn--sm { padding: 9px 13px; font-size: .62rem; }
}

/* tablet */
@media (max-width: 900px) {
  .header__nav {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    background: rgba(104, 25, 30, .97);
    gap: 34px;
    transform: translateY(-100%);
    visibility: hidden;
    transition: transform .4s var(--ease), visibility 0s .4s;
  }
  .header__nav.is-open { transform: none; visibility: visible; transition-delay: 0s; }
  .header__nav a:not(.btn) { font-size: 1.05rem; letter-spacing: .2em; }
  .header__burger { display: block; position: relative; z-index: 110; }
  .header__burger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .header__burger.is-open span:nth-child(2) { opacity: 0; }
  .header__burger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  .hero__photo { object-position: 58% 40%; }

  .numbers__grid { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }

  .services__intro { grid-template-columns: 1fr; row-gap: 50px; }
  .circle360 { margin: 0 auto; }

  .acc summary { grid-template-columns: 44px 1fr auto; }
  .acc__body { padding-left: calc(44px + clamp(18px, 3vw, 40px)); }

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

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

/* celular */
@media (max-width: 520px) {
  :root { --fs-hero: clamp(2.2rem, 10.5vw, 2.9rem); }

  .hero { padding-top: 96px; padding-bottom: 104px; } /* respiro extra p/ o botão flutuante do WhatsApp não colar no CTA */
  .hero__photo { object-position: 50% 62%; }

  .circle360__label { font-size: .78rem; }

  .stat strong { font-size: 1.05rem; }
  .stat { padding: 0 22px; }

  .numbers { padding: 64px 0; }
  .numbers__grid { row-gap: 34px; }

  .services, .svc-block, .svc-other, .diff, .clients, .contact { padding-top: 72px; padding-bottom: 72px; }

  .acc summary { grid-template-columns: 34px 1fr; row-gap: 6px; }
  .acc__more span { display: none; }        /* só o ícone + no celular */
  .acc__more { grid-column: 2; justify-self: start; }
  .acc__name { font-size: 1.3rem; }
  .acc__body { padding-left: calc(34px + clamp(18px, 3vw, 40px)); }

  .folio { gap: 12px; font-size: .64rem; letter-spacing: .13em; }

  .clients__row { gap: 22px; }
  .clients__row img { width: 78px; height: 78px; }
  .clients__marquee::before, .clients__marquee::after { width: 48px; }

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

  /* botões centralizados e um pouco menores no celular */
  .btn { font-size: .62rem; letter-spacing: .1em; padding: 12px 18px; gap: 10px; text-align: center; }
  .btn__arrow { width: 24px; }
  .hero__actions,
  .services__intro-cta,
  .svc-other__cta,
  .clients__cta { display: flex; justify-content: flex-start; }


  .footer__grid { grid-template-columns: 1fr; gap: 30px; }
  .footer__bottom { flex-direction: column; gap: 6px; }

  .wpp-float { width: 50px; height: 50px; right: 16px; bottom: 16px; }
}