/* SATA - lo comun a todas las animaciones de galeria.
   Cada animacion trae su propio .css al lado de su .js. */

.sata-anim {
	position: absolute;
	inset: 0;
	z-index: 3;
	overflow: hidden;
	/* ⚠️ Imprescindible: sin esto la capa se come el zoom de WooCommerce al
	   pasar el raton, y la lupa deja de funcionar mientras dure la animacion. */
	pointer-events: none;
}

.sata-anim > span { position: absolute; display: block; }

/* ⚠️ El nucleo ya no arranca si se pide menos movimiento; esto es el cinturon
   por si la capa llegara a pintarse igualmente. */
@media (prefers-reduced-motion: reduce) {
	.sata-anim { display: none !important; }
}