.elementor .header-scroll{position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 9999 !important;
background-color: transparent !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Estado al hacer scroll (blanco) */
selector.scrolled,
.header-scroll.scrolled {
background-color: #FFFFFF !important;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;\n}