.elementor-104 .elementor-element.elementor-element-9a5ccdd{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;}.elementor-104 .elementor-element.elementor-element-9a5ccdd:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-9a5ccdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-104 .elementor-element.elementor-element-1c876ea{--display:flex;}.elementor-104 .elementor-element.elementor-element-3060233.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-9a5ccdd *//* Estado por defecto de la cabecera */
.elementor-header {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: background 0.3s, backdrop-filter 0.3s;
}

/* Estado sticky: se aplica tanto si la cabecera tiene la clase "sticky-active" (nuestra JS) 
   como si Elementor ya aplica "elementor-sticky--effects" */
.elementor-header.sticky-active,
.elementor-sticky--effects {
    background: #000000a6 !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

/* Ajuste de altura en estado sticky (si lo necesitas) */
.elementor-header.sticky-active .elementor-container,
.elementor-sticky--effects .elementor-container {
    min-height: 80px;
    transition: all 0.3s;
}

/* Logo por defecto (cuando no está sticky) */
.logo-default {
    display: block;
}

/* Logo alternativo, que se mostrará en estado sticky */
.logo-sticky {
    display: none;
}

/* Cuando la cabecera esté sticky, ocultamos el logo por defecto y mostramos el logo alternativo */
.elementor-header.sticky-active .logo-default,
.elementor-sticky--effects .logo-default {
    display: none !important;
}

.elementor-header.sticky-active .logo-sticky,
.elementor-sticky--effects .logo-sticky {
    display: block !important;
}/* End custom CSS */