[data-animation="fade"]{
    opacity: 0;
    transition: .6s ease-in .3s;

    --opacity:1;
}

[data-animation="der-izq-fade"]{
    opacity: 0;
    transform: translate(10%);
    transition: .6s ease-in .3s;

    --opacity:1;
    --transform:translate(0);
}

[data-animation="izq-der-fade"]{
    opacity: 0;
    transform: translateX(-10%);
    transition: .6s ease .3s;

    --opacity:1;
    --transform:translateX(0);
}

[data-animation="ar-ab-fade"]{
    opacity: 0;
    transform: translateY(-20%);
    transition: .6s ease .3s;

    --opacity:1;
    --transform:translateY(0);
}

[data-animation="ab-ar-fade"]{
    opacity: 0;
    transform: translateY(20%);
    transition: .6s ease .3s;

    --opacity:1;
    --transform:translateY(0);
}

.unset{
    opacity: var(--opacity);
    transform:var(--transform);
}