/* app.css — versão de desenvolvimento.
   Em produção, compilar Tailwind via CLI/PostCSS (ver README do projeto)
   para gerar um CSS purgado e minificado — não usar o CDN do Tailwind
   em produção (impacta performance / Core Web Vitals). */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }

[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  html { scroll-behavior: auto; }
}

@keyframes infinite-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.animate-infinite-scroll {
  animation: infinite-scroll 35s linear infinite;
  width: max-content;
}

.animate-infinite-scroll:hover {
  animation-play-state: paused;
}

.carousel-mask {
  -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}