/* SATA - la barra del autopase.
   Una linea fina abajo de la foto que dice cuanto falta para la siguiente.
   ⚠️ Sin ella el cambio parece un fallo: el cliente no sabe por que se le
   movio la imagen. Con ella se lee como un carrusel. */

.sata-auto {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	z-index: 4;
	background: rgba(255, 255, 255, .10);
	pointer-events: none;
}

.sata-auto > span {
	display: block;
	height: 100%;
	width: 0;
	background: var(--f-ac, #00d68f);
	box-shadow: 0 0 10px var(--f-ac, #00d68f);
}

@media (prefers-reduced-motion: reduce) {
	.sata-auto { display: none !important; }
}