/* Movimiento ligado al scroll — ficha de propiedad.
   Los estilos de partida SÓLO se aplican si el JS ha añadido `mg-amb-moviment`
   al <html>. Sin JS, o con "reducir movimiento" activado, todo se ve normal
   desde el primer momento: nada queda invisible por accidente. */

.mg-amb-moviment .mg-apareix {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 700ms cubic-bezier(.2, .7, .2, 1),
	            transform 700ms cubic-bezier(.2, .7, .2, 1);
}

.mg-amb-moviment .mg-apareix.mg-visible {
	opacity: 1;
	transform: none;
}

/* La foto principal necesita un pelín de holgura para poder moverse sin
   dejar franjas vacías: de ahí el scale(1.08) que aplica el JS. */
.mg-amb-moviment .es-gallery__image {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.mg-amb-moviment .mg-apareix {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}