.glow-soft {
        box-shadow: 0 10px 30px -10px rgba(58, 111, 111, 0.1);
    }


/* =========================================
   PILA DE FOTOGRAFÍAS VVA
   ========================================= */

.foto-pila {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    border: 12px solid white;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.18),
        0 6px 12px rgba(0, 0, 0, 0.12);


}

.foto-pila.cayendo {
    animation: foto-cae 0.60s ease-out forwards;
}

@keyframes foto-cae {

    0% {
        opacity: 0;
        transform:
            translate(var(--foto-x), -25px)
            rotate(calc(var(--foto-rot) + 2deg));
    }

    65% {
        opacity: 1;
        transform:
            translate(
                var(--foto-x),
                calc(var(--foto-y) + 12px)
            )
            rotate(calc(var(--foto-rot) - 1deg));
    }

    82% {
        transform:
            translate(
                var(--foto-x),
                calc(var(--foto-y) - 4px)
            )
            rotate(calc(var(--foto-rot) + 1deg));
    }

    92% {
        transform:
            translate(
                var(--foto-x),
                calc(var(--foto-y) + 2px)
            )
            rotate(var(--foto-rot));
    }

    100% {
        opacity: 1;
        transform:
            translate(var(--foto-x), var(--foto-y))
            rotate(var(--foto-rot));
    }
}