/* =============================
Configuraciones de animaciones
============================= */

@keyframes show {
    from {
        opacity: 0;
        scale: 40%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

.animationShow {
    view-timeline: --animationShow;
    view-timeline-axis: block;

    animation-timeline: --animationShow;
    animation-name: show;

    animation-range: entry 15% cover 50%;
    animation-fill-mode: both;
}