.elementor-4422 .elementor-element.elementor-element-9ea2cab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4422 .elementor-element.elementor-element-9ea2cab:not(.elementor-motion-effects-element-type-background), .elementor-4422 .elementor-element.elementor-element-9ea2cab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#247B81;}.elementor-4422 .elementor-element.elementor-element-09cd36e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-4422 .elementor-element.elementor-element-d89b2d1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-4422 .elementor-element.elementor-element-d89b2d1 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-4422 .elementor-element.elementor-element-d89b2d1.elementor-element{--align-self:flex-start;}.elementor-4422 .elementor-element.elementor-element-d89b2d1 img{opacity:1;border-radius:0px 0px 0px 0px;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .elementor-menu-toggle{margin-left:auto;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4422 .elementor-element.elementor-element-ba9ee26{width:var( --container-widget-width, 92px );max-width:92px;--container-widget-width:92px;--container-widget-flex-grow:0;}.elementor-4422 .elementor-element.elementor-element-ba9ee26.elementor-element{--align-self:center;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-underline .elementor-item:after,
					 .elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-overline .elementor-item:before,
					 .elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-double-line .elementor-item:before,
					 .elementor-4422 .elementor-element.elementor-element-ba9ee26 .e--pointer-double-line .elementor-item:after{height:0px;}}@media(min-width:768px){.elementor-4422 .elementor-element.elementor-element-09cd36e{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-9ea2cab *//* ========================================= */
/* 1. FIJAR EL HEADER DE ELEMENTOR */
/* ========================================= */
.elementor-location-header { 
    position: fixed;
    top: 0;          /* Por defecto, se pega arriba (0px) */
    left: 0;
    width: 100%;     
    z-index: 1000;   /* Prioridad máxima */
    /* IMPORTANTE: Asegúrate que el fondo no sea transparente 
       (Tu header ya tiene un color de fondo verde) */
}

/* ========================================= */
/* 2. AJUSTE PARA LA BARRA DE ADMINISTRACIÓN (SOLO USUARIOS LOGUEADOS) */
/* ========================================= */
/* Si la barra negra de administración está visible (32px de alto), 
   ajustamos el header para que empiece justo debajo de ella. */
body.admin-bar .elementor-location-header {
    top: 32px; 
}


/* ========================================= */
/* 3. COMPENSACIÓN DEL CONTENIDO PRINCIPAL */
/* ========================================= */

/* Estimamos la altura de tu header verde en 75px (ajusta si es necesario) */
:root {
    --header-height: 75px; 
    --admin-bar-height: 32px;
}

/* Compensación Estándar (Para visitantes sin loguear) */
/* Selector común para el contenedor que sigue al header */
.elementor-location-header + .elementor-location-body, 
.site {
    padding-top: var(--header-height); /* 75px */
}

/* Compensación para Usuarios Logueados (Admin Bar + Header) */
body.admin-bar .elementor-location-header + .elementor-location-body,
body.admin-bar .site {
    /* (75px del Header + 32px de la Admin Bar) = 107px */
    padding-top: calc(var(--header-height) + var(--admin-bar-height));
}/* End custom CSS */