@keyframes gradientAnimation {
    /*
        --web-color: rgba(34, 105, 227, 0.15);
        --web-color-alphalow: rgba(34, 105, 227, 0.08);
        --web-color-alphahigh: rgba(14, 145, 227, 0.75);
        --web-color-alphafull: rgba(14, 145, 227, 1);
    */
    0% {
        background-position: 50% 50%;
        background-size: 100% 100%;
    }
    50% {
        background-position: 50% 50%;
        background-size: 150% 150%;
    }
    100% {
        background-position: 50% 50%;
        background-size: 100% 100%;
    }
}

/* Animación de desvanecimiento del borde */
@keyframes borderFade {
    0% {
        border-color: var(--web-color-dark);
    }

    50% {
        border-color: transparent;
    }

    100% {
        border-color: var(--web-color-dark);
    }
}