/* Kozlowski Hero Slider v1.0.0 */

/* Oculto hasta que el JS lo mueve al fondo del row */
.kz-hs { display: none; }

.kz-hs-row {
	position: relative;
	overflow: hidden;
}

.kz-hs-row > .kz-hs {
	display: block;
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

/* Contenido del row por encima del slider */
.kz-hs-row > *:not(.kz-hs) {
	position: relative;
	z-index: 2;
}

.kz-hs__slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: var(--kz-hs-pos, center center);
	opacity: 0;
	transition: opacity var(--kz-hs-fade, 1.6s) ease;
	will-change: opacity;
}

.kz-hs__slide.is-active { opacity: 1; }

/* Zoom lento */
.kz-hs--zoom .kz-hs__slide {
	transform: scale(1.08);
	transition:
		opacity var(--kz-hs-fade, 1.6s) ease,
		transform var(--kz-hs-zoom, 9s) linear;
	will-change: opacity, transform;
}

.kz-hs--zoom .kz-hs__slide.is-active { transform: scale(1); }

.kz-hs__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
}

@media (max-width: 767px) {
	.kz-hs__slide {
		background-position: var(--kz-hs-pos-m, var(--kz-hs-pos, center center));
	}
	.kz-hs__overlay {
		background: var(--kz-hs-ov-m, rgba(4, 22, 52, .7)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kz-hs--zoom .kz-hs__slide {
		transform: none !important;
		transition: opacity var(--kz-hs-fade, 1.6s) ease;
	}
}
