/* Entradas editoriais únicas, com fallback visível quando o JavaScript não inicia. */
.button:active {
  transform: translateY(0) scale(.985);
  box-shadow: 0 8px 18px #0053ae2e;
}

.filter-row button:active {
  transform: scale(.98);
}

.text-button:active span {
  transform: translateX(2px);
}

.motion-ready .hero-brands,
.motion-ready .hero-copy h1,
.motion-ready .hero-copy > p,
.motion-ready .hero-actions,
.motion-ready .hero-metrics > div {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity .58s ease, transform .68s cubic-bezier(.22, 1, .36, 1);
}

.motion-ready.motion-started .hero-brands,
.motion-ready.motion-started .hero-copy h1,
.motion-ready.motion-started .hero-copy > p,
.motion-ready.motion-started .hero-actions,
.motion-ready.motion-started .hero-metrics > div {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.motion-ready .hero-brands { transition-delay: 40ms; }
.motion-ready .hero-copy h1 { transition-delay: 110ms; }
.motion-ready .hero-copy > p { transition-delay: 180ms; }
.motion-ready .hero-actions { transition-delay: 250ms; }
.motion-ready .hero-metrics > div:nth-child(1) { transition-delay: 310ms; }
.motion-ready .hero-metrics > div:nth-child(2) { transition-delay: 365ms; }
.motion-ready .hero-metrics > div:nth-child(3) { transition-delay: 420ms; }

.motion-ready .gallery-card,
.motion-ready .gallery-badge {
  opacity: 0;
  transition: opacity .62s ease, transform .76s cubic-bezier(.22, 1, .36, 1);
}

.motion-ready .gallery-large {
  transform: translate3d(28px, 22px, 0) rotate(-4deg) scale(.965);
  transition-delay: 160ms;
}

.motion-ready .gallery-top {
  transform: translate3d(22px, -14px, 0) rotate(6deg) scale(.95);
  transition-delay: 245ms;
}

.motion-ready .gallery-bottom {
  transform: translate3d(24px, 16px, 0) rotate(4deg) scale(.95);
  transition-delay: 325ms;
}

.motion-ready .gallery-badge {
  transform: translate3d(16px, 14px, 0) scale(.96);
  transition-delay: 405ms;
}

.motion-ready.motion-started .gallery-card,
.motion-ready.motion-started .gallery-badge {
  opacity: 1;
}

.motion-ready.motion-started .gallery-large { transform: rotate(-2deg); }
.motion-ready.motion-started .gallery-top { transform: rotate(4deg); }
.motion-ready.motion-started .gallery-bottom { transform: rotate(2deg); }
.motion-ready.motion-started .gallery-badge { transform: translate3d(0, 0, 0) scale(1); }

.motion-ready .motion-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity .52s ease, transform .62s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--motion-delay, 0ms);
  will-change: opacity, transform;
}

.motion-ready .motion-reveal.motion-from-left {
  transform: translate3d(-22px, 0, 0);
}

.motion-ready .motion-reveal.motion-from-right {
  transform: translate3d(22px, 0, 0);
}

.motion-ready .motion-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 580px) {
  .motion-ready .hero-brands,
  .motion-ready .hero-copy h1,
  .motion-ready .hero-copy > p,
  .motion-ready .hero-actions,
  .motion-ready .hero-metrics > div,
  .motion-ready .motion-reveal {
    transform: translate3d(0, 14px, 0);
  }

  .motion-ready .motion-reveal.motion-from-left { transform: translate3d(-14px, 0, 0); }
  .motion-ready .motion-reveal.motion-from-right { transform: translate3d(14px, 0, 0); }

  .motion-ready.motion-started .hero-brands,
  .motion-ready.motion-started .hero-copy h1,
  .motion-ready.motion-started .hero-copy > p,
  .motion-ready.motion-started .hero-actions,
  .motion-ready.motion-started .hero-metrics > div,
  .motion-ready .motion-reveal.is-revealed {
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .hero-brands,
  .motion-ready .hero-copy h1,
  .motion-ready .hero-copy > p,
  .motion-ready .hero-actions,
  .motion-ready .hero-metrics > div,
  .motion-ready .gallery-card,
  .motion-ready .gallery-badge,
  .motion-ready .motion-reveal {
    opacity: 1 !important;
    transition: none !important;
  }

  .motion-ready .hero-brands,
  .motion-ready .hero-copy h1,
  .motion-ready .hero-copy > p,
  .motion-ready .hero-actions,
  .motion-ready .hero-metrics > div,
  .motion-ready .gallery-badge,
  .motion-ready .motion-reveal {
    transform: none !important;
  }

  .motion-ready .gallery-large { transform: rotate(-2deg) !important; }
  .motion-ready .gallery-top { transform: rotate(4deg) !important; }
  .motion-ready .gallery-bottom { transform: rotate(2deg) !important; }
}

@media print {
  .motion-ready .hero-brands,
  .motion-ready .hero-copy h1,
  .motion-ready .hero-copy > p,
  .motion-ready .hero-actions,
  .motion-ready .hero-metrics > div,
  .motion-ready .gallery-card,
  .motion-ready .gallery-badge,
  .motion-ready .motion-reveal {
    opacity: 1 !important;
    transition: none !important;
  }

  .motion-ready .hero-brands,
  .motion-ready .hero-copy h1,
  .motion-ready .hero-copy > p,
  .motion-ready .hero-actions,
  .motion-ready .hero-metrics > div,
  .motion-ready .gallery-badge,
  .motion-ready .motion-reveal {
    transform: none !important;
  }
}