.elementor-729 .elementor-element.elementor-element-1d716a9:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-1d716a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C00565C;}.elementor-729 .elementor-element.elementor-element-1d716a9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-729 .elementor-element.elementor-element-1d716a9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-729 .elementor-element.elementor-element-9bd249a img{width:27%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-1d716a9 *//* Fija el header en la parte superior y lo superpone sobre la web */
.elementor-729 .elementor-element.elementor-element-1d716a9 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    
    /* Mueve el header hacia arriba y lo hace transparente */
    transform: translateY(-100%);
    opacity: 0;
    
    /* Transición muy suave (deslizamiento + desvanecimiento) */
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.5s ease-in-out;
}

/* Crea un área invisible debajo del header para detectar el ratón */
.elementor-729 .elementor-element.elementor-element-1d716a9::after {
    content: '';
    position: absolute;
    bottom: -40px; /* Aumentamos un poco el área de detección */
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent;
}

/* Hace que el header baje y aparezca suavemente cuando el ratón toca el área invisible */
.elementor-729 .elementor-element.elementor-element-1d716a9:hover {
    transform: translateY(0);
    opacity: 1;
}/* End custom CSS */