/* MPW · Liquid Hover
 * El filtro SVG (#mpw-liquid-filter) anima de forma continua e indefinida
 * tanto el ruido (feTurbulence) como la magnitud del desplazamiento
 * (feDisplacementMap), por lo que el efecto está siempre activo — no
 * depende de pasar el mouse por encima.
 */

.mpw-liquid-hover,
.mpw-liquid-hover-img {
	display: block;
}

.mpw-liquid-hover {
	position: relative;
	overflow: hidden;
}

.mpw-liquid-hover img,
img.mpw-liquid-hover-img {
	width: 100%;
	height: auto;
	display: block;
	filter: url(#mpw-liquid-filter);
	will-change: filter;
}

/* Los navegadores que no soportan bien filtros SVG animados en <img>
 * simplemente mostrarán la imagen sin distorsión — no rompe el layout. */
@media (prefers-reduced-motion: reduce) {
	.mpw-liquid-hover img,
	img.mpw-liquid-hover-img {
		filter: none !important;
	}
}