/* Las dos fotos comparten el mismo espacio en las tarjetas de la tienda. */
#sh-shop .sh-shop-photo {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

#sh-shop .sh-shop-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sh-shop .sh-shop-photo img + img {
    opacity: 0;
    transition: opacity .25s ease;
}

@media (hover: hover) and (pointer: fine) {
    #sh-shop .sh-shop-card:hover .sh-shop-photo img + img {
        opacity: 1;
    }
}

#sh-shop .sh-shop-card:focus-visible .sh-shop-photo img + img {
    opacity: 1;
}

@media (hover: none) {
    #sh-shop .sh-shop-grid a.sh-shop-card:hover .sh-shop-photo img + img {
        opacity: 0;
    }
}