/* ============================================================
   Módulo: Hero - Efecto de líquido sobre el logo (#heroHeadline)
   ------------------------------------------------------------
   hero-liquid.js inserta un <canvas> WebGL junto a .mk-hero-mark y
   añade .is-liquid al titular solo en escritorio con mouse. El canvas
   reemplaza visualmente al logo; la imagen conserva su espacio.
   Sin hero-liquid.js estas reglas no tienen efecto.
   ============================================================ */
.mk-hero-liquid {
	position: absolute;
	z-index: 3;
	display: none;
	opacity: 0.95;
	filter: drop-shadow(0 14px 34px rgba(0, 0, 0, 0.35));
	pointer-events: none;
}

.hero-headline.is-liquid .mk-hero-liquid {
	display: block;
}

.hero-headline.is-liquid .mk-hero-mark {
	visibility: hidden;
}