.elementor-109 .elementor-element.elementor-element-83672fd{--display:flex;--min-height:53px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;box-shadow:0px 7px 21px 3px rgba(0,0,0,0.5);--margin-top:42px;--margin-bottom:42px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:90;}.elementor-109 .elementor-element.elementor-element-83672fd:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-83672fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://artguello.com/wp-content/uploads/2026/04/exclusive-paper.png");}.elementor-109 .elementor-element.elementor-element-83672fd.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon-wrapper{text-align:center;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon{font-size:35px;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon svg{height:35px;}.elementor-109 .elementor-element.elementor-element-3db2ed4{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + -35px) 0px;z-index:92;}.elementor-109 .elementor-element.elementor-element-3db2ed4.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-3db2ed4 img{width:140px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-83672fd{--min-height:49px;}.elementor-109 .elementor-element.elementor-element-17aae13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 7px;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon{font-size:28px;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon svg{height:28px;}.elementor-109 .elementor-element.elementor-element-3db2ed4{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + -21px) -14px;}.elementor-109 .elementor-element.elementor-element-3db2ed4 img{width:128px;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-83672fd{--min-height:28px;--justify-content:center;--margin-top:14px;--margin-bottom:7px;--margin-left:0px;--margin-right:0px;}.elementor-109 .elementor-element.elementor-element-17aae13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 3px;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon{font-size:21px;}.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon svg{height:21px;}.elementor-109 .elementor-element.elementor-element-3db2ed4{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + -21px) -7px;}.elementor-109 .elementor-element.elementor-element-3db2ed4 img{width:100px;}}/* Start custom CSS for icon, class: .elementor-element-17aae13 */.elementor-109 .elementor-element.elementor-element-17aae13 .elementor-icon {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83672fd *//* 1. Le damos una transición suave al logo para que no salte de golpe */
.cabecera-hacklab .logo-overflow img {
    transition: all 0.4s ease-in-out;
    transform-origin: top center; /* Evita que el logo salte hacia arriba o abajo al cambiar de tamaño */
}

/* 2. El estado "Activo" cuando hacemos scroll */
.elementor-sticky--active .logo-overflow img {
    transform: scale(0.8); /* Achica el logo al 70%. Juega con este valor (0.6, 0.8...) */
    
    /* Opcional: Si usaste el Método B de márgenes negativos (-7px), 
       puedes resetearlo aquí para que el logo baje y se centre en la banda de 70px */
    margin-top: 7px !important; 
}

/* 1. Forzamos al contenedor rojo a ser el punto de anclaje maestro */
.cabecera-hacklab {
    position: relative; 
}

/* 2. Creamos el cristal y lo empujamos hacia ARRIBA */
.cabecera-hacklab::before {
    content: "";
    position: absolute !important;
    
    /* VITAL: Estos dos valores deben coincidir con el margen superior que le diste a tu cabecera */
    top: -80px !important; /* Lo empuja hacia arriba (ajústalo a tus px exactos) */
    height: 80px !important; /* Le da el alto exacto de tu margen */
    
    left: 0;
    width: 100%;
    
    /* El efecto borroso */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    pointer-events: none; 
    z-index: -1; 
}/* End custom CSS */