.frase-animada {
    display: inline-block;
    opacity: 0;
    scale: 0.88;
    transition:
        opacity 0.8s var(--curva-suave),
        scale 1s var(--curva-resorte);
}

.frase-animada.esta-visible {
    opacity: 1;
    scale: 1;
}

@media (prefers-reduced-motion: reduce) {
    .frase-animada {
        scale: 1;
    }
}