@keyframes aparecerModal {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}

@keyframes brilloDorado {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes destelloBarra {
    0%, 100% {
        left: -100%;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    50% {
        left: 150%;
        opacity: 0;
    }
}

@keyframes brilloFila {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes destelloTarjeta {
    0% {
        left: -100%;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        left: 150%;
        opacity: 0;
    }
}