/* Generat per utils/hero-backgrounds/build.mjs a partir de utils/hero-backgrounds/src (OW24-279). No l'editis a mà. */

.ow-hero-bg {
	position: absolute;
	inset: 0 0 auto;
	z-index: 0;
	height: min(100%, 100svh);
	overflow: hidden;
	pointer-events: none;
	/* The block can be taller than the hero (home): fade the bottom edge instead of a cut. */
	-webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent);
	mask-image: linear-gradient(to bottom, #000 80%, transparent);
}

/* Waves */
.ow-hero-bg > svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* Onda 3D */
.ow-hero-bg .omx-stage { position: absolute; inset: 0; pointer-events: none; --a: 135deg; }
.ow-hero-bg .omx-layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.ow-hero-bg .omx-sharp { -webkit-mask-image: linear-gradient(var(--a), #000 0%, #000 64%, rgba(0,0,0,.85) 88%, rgba(0,0,0,.1) 100%); mask-image: linear-gradient(var(--a), #000 0%, #000 64%, rgba(0,0,0,.85) 88%, rgba(0,0,0,.1) 100%); }
.ow-hero-bg .omx-defs { position: absolute; width: 0; height: 0; overflow: hidden; }