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

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

.animar-fade-in {
    animation: fadeIn var(--duracao-normal) ease-out;
}

.animar-slide-in-up {
    animation: slideInUp var(--duracao-normal) ease-out;
}