/* `clip-path` además de `overflow`: en el iPhone la foto que se está
       animando pasa a su propia capa y Safari deja de recortarla con
       `overflow: hidden`; se salía de la caja tapando el título de la sección
       y el nombre de la ficha. La máscara en el mismo slide (no sólo en la
       galería) es la que obliga a Safari a recortar la capa de la foto. */
    .bc-card-gallery .bc-card-gallery-slide { overflow: hidden; clip-path: inset(0); }
    .bc-card-gallery .bc-card-gallery-slide.is-active {
        -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
        mask-image: radial-gradient(#fff, #000);
    }
    .bc-card-gallery .bc-card-gallery-slide img {
        transform: none !important;
        scale: 1;
        translate: 0 0;
        transition: scale .7s ease, translate .7s ease !important;
    }
    /* Sólo con ratón. En una pantalla táctil el `:hover` se queda pegado a la
       tarjeta que tocaste —al deslizar el carrusel, sin ir más lejos— y la foto
       seguía creciendo nueve segundos sin que nadie lo pidiera. */
    @media (hover: hover) and (pointer: fine) {
        .item-loop:hover .bc-card-gallery .bc-card-gallery-slide.is-active img,
        .item-loop:focus-within .bc-card-gallery .bc-card-gallery-slide.is-active img,
        .bc-card-gallery:hover .bc-card-gallery-slide.is-active img,
        .bc-card-gallery:focus-within .bc-card-gallery-slide.is-active img {
            scale: 1.14;
            translate: -2.5% -1.5%;
            transition: scale 9s cubic-bezier(.25, .1, .25, 1), translate 9s cubic-bezier(.25, .1, .25, 1) !important;
        }
        /* Las pares van hacia el otro lado, para que pasar de foto no repita el
           mismo recorrido. */
        .item-loop:hover .bc-card-gallery .bc-card-gallery-slide.is-active:nth-child(even) img,
        .item-loop:focus-within .bc-card-gallery .bc-card-gallery-slide.is-active:nth-child(even) img,
        .bc-card-gallery:hover .bc-card-gallery-slide.is-active:nth-child(even) img,
        .bc-card-gallery:focus-within .bc-card-gallery-slide.is-active:nth-child(even) img {
            translate: 2.5% 1.5%;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .bc-card-gallery .bc-card-gallery-slide img { scale: 1 !important; translate: 0 0 !important; transition: none !important; }
    }