@tailwind base;
@tailwind components;
@tailwind utilities;

/* === FONTES === */
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }

/* === SCROLL INFINITO === */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-scroll {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}
.animate-scroll:hover { animation-play-state: paused; }

.mask-gradient {
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

/* === ANIMAÇÕES === */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}
@keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Botão Voltar ao Topo (Pulse Suave) */
@keyframes softPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(0.95); }
}
.animate-soft-pulse {
    animation: softPulse 2s infinite;
}

/* Scrollbar */
html { scroll-behavior: smooth; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a1c33; }
::-webkit-scrollbar-thumb { background: #3B82F6; border-radius: 4px; }