/* ==========================================================
   OKAYCHAT(TM) - RESPONSIVIDADE GLOBAL
   Regras especificas das paginas ficam em seus proprios CSS.
========================================================== */

@media (max-width: 1240px) {
  .desktop-nav__list { gap: 27px; }
  .site-header__inner { gap: 30px; }
}

@media (max-width: 1120px) {
  .desktop-nav,
  .header-actions > .btn { display: none; }

  .site-header,
  .site-header.is-scrolled,
  .site-header.is-menu-open { height: var(--header-height-compact); }

  .site-header__inner { grid-template-columns: auto 1fr auto; }
  .mobile-menu-toggle { display: inline-flex; }
  .brand { min-height: 52px; }

  .brand__icon,
  .site-header.is-scrolled .brand__icon {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 768px) {
  :root {
    --container-padding: 20px;
    --header-height: 72px;
    --header-height-compact: 64px;
  }

  .site-header,
  .site-header.is-scrolled,
  .site-header.is-menu-open { height: var(--header-height-compact); }

  .brand { padding-left: 0; }

  .brand__icon,
  .site-header.is-scrolled .brand__icon {
    width: 40px;
    height: 40px;
  }

  .brand__wordmark { font-size: 1.05rem; }
  .mobile-menu { inset-block-start: var(--header-height-compact); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }
}