/**
 * Header transparente que se oculta al bajar y reaparece al subir.
 */

.p4-floating-header {
	position: fixed !important;
	inset-block-start: 0;
	inset-inline: 0;
	z-index: 9999;
	width: 100%;
	background: transparent !important;
	transform: translate3d(0, 0, 0);
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.p4-floating-header,
.p4-floating-header > .elementor,
.p4-floating-header .e-con,
.p4-floating-header .elementor-section {
	background-color: transparent !important;
	background-image: none !important;
}

.p4-floating-header.p4-header-hidden {
	transform: translate3d(0, -105%, 0);
}

@media (prefers-reduced-motion: reduce) {
	.p4-floating-header {
		transition-duration: 1ms;
	}
}