/**
 * ALAPAR — Header sticky por clon (host fijo + clon con layout Elementor).
 */

.elementor-element[data-alapar-sticky]:not( [data-alapar-sticky-clone] ) {
	box-sizing: border-box;
}

/* Contenedor fijo (animación de entrada) */
.alapar-sticky-header-clone-host {
	position: fixed;
	left: 0;
	right: auto;
	z-index: var(--alapar-sticky-z, 9990);
	top: var(--alapar-sticky-top, 0);
	width: 100%;
	max-width: 100vw;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transform: translate3d(0, -100%, 0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	border-bottom: 1px solid #606060;
	background-color: #1A1917;
	transition:
		transform var(--alapar-sticky-slide-duration, 0.45s) cubic-bezier(0.22, 1, 0.36, 1),
		opacity var(--alapar-sticky-slide-duration, 0.35s) ease,
		visibility 0s linear calc(var(--alapar-sticky-slide-duration, 0.45s) + 0.05s);
}

.alapar-sticky-header-clone-host.alapar-sticky-header-clone-host--visible {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition:
		transform var(--alapar-sticky-slide-duration, 0.45s) cubic-bezier(0.22, 1, 0.36, 1),
		opacity var(--alapar-sticky-slide-duration, 0.35s) ease,
		visibility 0s linear 0s;
}

/* Clon: hereda estructura Elementor sin position fixed propio */
.alapar-sticky-header-clone-host .alapar-sticky-header-clone {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.alapar-sticky-header-clone-host .alapar-sticky-header-clone.e-con {
	--width: 100% !important;
	--flex-wrap: var(--flex-wrap, wrap);
}

.alapar-sticky-header-clone-host .alapar-sticky-header-clone > .e-con-inner {
	width: 100% !important;
	max-width: var(--container-max-width, 1140px);
	margin-left: auto !important;
	margin-right: auto !important;
}

.alapar-sticky-header-clone-host .alapar-sticky-header-clone .e-con,
.alapar-sticky-header-clone-host .alapar-sticky-header-clone .e-con-inner {
	box-sizing: border-box;
}

body.admin-bar .alapar-sticky-header-clone-host {
	top: var(--alapar-sticky-top-admin, 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar .alapar-sticky-header-clone-host {
		top: var(--alapar-sticky-top-admin-mobile, 46px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.alapar-sticky-header-clone-host {
		transition: none;
	}
}