/* Animações e Efeitos Micro-interativos */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes floatDoodle {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(3deg);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.fade-in {
    animation: fadeIn 1s ease-in-out forwards;
}

.float-animation {
    animation: floatDoodle 6s ease-in-out infinite;
}

.hover-grow {
    transition: var(--transicao-suave);
}
.hover-grow:hover {
    transform: scale(1.05);
}

/* Scroll Reveal Premium */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    will-change: transform, opacity;
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Delays para elementos em grid/sequenciais */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }