/**
 * Modern News UI — Animaciones.
 * Discretas por diseño y desactivadas si el visitante pide reducir movimiento.
 */

.mnui-anim .mnui-reveal {
	opacity: 0;
	transition: opacity var(--mnui-anim-duration) ease, transform var(--mnui-anim-duration) cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--mnui-reveal-delay, 0ms);
	will-change: opacity, transform;
}

.mnui-anim-fade-up .mnui-reveal { transform: translate3d(0, 18px, 0); }
.mnui-anim-zoom .mnui-reveal { transform: scale(0.97); }

.mnui-anim .mnui-reveal--in {
	opacity: 1;
	transform: none;
}

/* Imágenes que aparecen al terminar de cargarse. */

.mnui-anim-images img.mnui-img {
	opacity: 0;
	transition: opacity 420ms ease;
}

.mnui-anim-images img.mnui-img--loaded { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.mnui-anim .mnui-reveal,
	.mnui-anim-images img.mnui-img {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}