/**
 * HERO TITLE
 *
 * Define los estilos auxiliares del componente Hero Title de UNIKAL utilizado en Elementor, incluyendo el overlay de degradado con modo de fusión sobre la imagen de fondo.
 */

.elementor .hero-title-overlay {
	position: relative;
	isolation: isolate;
}

.elementor .hero-title-overlay::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		var(--ca-primary) 50%,
		var(--ca-secondary) 100%
	);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 2;
}

.elementor .hero-title-overlay > * {
	position: relative;
	z-index: 2;
}