@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');

/* Utilitários de Animação Customizados */
.delay-100 { animation-delay: 100ms; }
.delay-300 { animation-delay: 300ms; }
.delay-500 { animation-delay: 500ms; }
.delay-700 { animation-delay: 700ms; }
.opacity-0 { opacity: 0; }

body, header, section, footer, div, span, h1, h2, h3, h4, p, a, button, svg, input, textarea {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, transform, padding-left, width, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
}

/* Keyframes mantidos no CSS global em vez da config do Tailwind CDN */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.animate-fade-in-up { animation: fadeInUp 1.2s ease-out forwards; }
.animate-fade-in { animation: fadeIn 2s ease-out forwards; }