.elementor-283 .elementor-element.elementor-element-4ec3ed1{--display:flex;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-283 .elementor-element.elementor-element-867610e{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .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-283 .elementor-element.elementor-element-a8533ec{--display:flex;--min-height:40px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-283 .elementor-element.elementor-element-51cf33f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-283 .elementor-element.elementor-element-51cf33f .elementor-menu-toggle{margin-left:auto;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-underline .elementor-item:after,
					 .elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-overline .elementor-item:before,
					 .elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-double-line .elementor-item:before,
					 .elementor-283 .elementor-element.elementor-element-51cf33f .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-283 .elementor-element.elementor-element-867610e{--width:33.3333%;}.elementor-283 .elementor-element.elementor-element-a8533ec{--width:70%;}}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-4ec3ed1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-283 .elementor-element.elementor-element-867610e{--width:30%;}.elementor-283 .elementor-element.elementor-element-a8533ec{--width:70%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-283 .elementor-element.elementor-element-51cf33f{width:initial;max-width:initial;padding:0px 0px 0px 0px;--nav-menu-icon-size:15px;}.elementor-283 .elementor-element.elementor-element-51cf33f .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS *//* ====== HUMIX · HEADER LANZAROTE (LIMPIO) ====== */

:root{
  --hx-header-h: 74px;
  --hx-header-bg: rgba(15,23,42,.78);   /* azul oscuro translúcido */
  --hx-header-border: rgba(255,255,255,.10);

  --hx-blue:#9dbbe5;
  --hx-red:#fa1f02;
  --hx-gold:#efce8c;
}

/* Barra fija arriba con blur */
#header-main{
  position:fixed;
  top:0; left:0; right:0;
  height:var(--hx-header-h);
  z-index:2147483647;
  background:var(--hx-header-bg);
  backdrop-filter:blur(10px) saturate(140%);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  border-bottom:1px solid var(--hx-header-border);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

/* Contenido interno: logo izq, menú dcha */
#header-main .elementor-container,
#header-main .e-con-inner{
  height:var(--hx-header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* Columnas */
#header-main .col-logo{ flex:0 0 auto; }
#header-main .col-nav{
  flex:1 1 auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

/* Logo */
#header-main .elementor-widget-image img{
  height:38px;
  width:auto;
  display:block;
}

/* ====== MENÚ DESKTOP ====== */
/* Enlaces del menú desktop */
#header-main .elementor-nav-menu a.elementor-item{
  position:relative;
  color:#fff;
  font-weight:800;
  letter-spacing:.04em;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  transition:color .2s ease, transform .15s ease;
}

/* Quitamos fondo/estilos por defecto del activo */
#header-main .elementor-nav-menu a.elementor-item-active{
  background:transparent !important;
  color:#fff !important;
}

/* Rayita degradada tipo Tesla (debajo de cada item) */
#header-main .elementor-nav-menu a.elementor-item::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-6px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--hx-gold),var(--hx-blue),var(--hx-red));
  opacity:0;
  transform:scaleX(0.3);
  transform-origin:center;
  transition:opacity .2s ease, transform .2s ease;
}

/* Hover y activo con rayita de colores */
#header-main .elementor-nav-menu a.elementor-item:hover::after,
#header-main .elementor-nav-menu a.elementor-item.elementor-item-active::after{
  opacity:1;
  transform:scaleX(1);
}

/* Pequeño efecto de levantar el texto al pasar */
#header-main .elementor-nav-menu a.elementor-item:hover{
  transform:translateY(-1px);
}


/* Pequeño efecto de levantar el texto al pasar */
#header-main .elementor-nav-menu a:hover{
  transform:translateY(-1px);
}

/* ====== BOTÓN HAMBURGUESA ====== */

#header-main .elementor-menu-toggle{
  background:rgba(15,23,42,.85);
  border-radius:16px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition:background .2s ease, transform .15s ease, box-shadow .15s ease;
}

#header-main .elementor-menu-toggle:hover{
  background:rgba(255,255,255,.10);
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}

/* ====== MÓVIL / TABLET: OVERLAY BONITO ====== */

@media (max-width:1024px){

  /* Asegura hamburguesa a la derecha */
  #header-main .col-nav{
    justify-content:flex-end;
  }

  /* Overlay a pantalla completa */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu__container{
    position:fixed;
    top:var(--hx-header-h);
    left:0; right:0; bottom:0;
    padding:28px 18px 24px;
    background:
      radial-gradient(circle at top, rgba(148,163,184,.35), transparent 55%),
      rgba(15,23,42,.96);
    backdrop-filter:blur(10px) saturate(140%);
    -webkit-backdrop-filter:blur(10px) saturate(140%);
    display:flex;
    justify-content:center;
    align-items:flex-start;
    overflow-y:auto;
    z-index:2147483646;
  }

  /* Tarjeta del menú */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu{
    width:100%;
    max-width:340px;
    background:rgba(15,23,42,.98);
    border-radius:22px;
    box-shadow:0 18px 40px rgba(0,0,0,.55);
    padding:12px 0;
  }

  /* Separación entre items */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu li + li{
    border-top:1px solid rgba(148,163,184,.18);
  }

  /* Enlaces dentro de la tarjeta */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu a{
    color:#ffffff !important;
    font-size:18px;
    font-weight:700;
    padding:14px 18px;
    border-radius:0;
    text-decoration:none;
    display:block;
  }

  /* Hover / activo en móvil */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu a:hover{
    background:rgba(148,163,184,.20);
  }
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item-active{
    background:rgba(56,189,248,.22);
  }

  /* Bloquear scroll del fondo cuando está abierto */
 html:has(#header-main .elementor-menu-toggle.elementor-active),
body:has(#header-main .elementor-menu-toggle.elementor-active){
  overflow:hidden;
  /* quitamos height:100% para que no salte al hero al cerrar */
}


/* ====== COMPENSAR BARRA ADMIN DE WP ====== */
.admin-bar #header-main{ top:32px; }
@media (max-width:782px){
  .admin-bar #header-main{ top:46px; }
}

/* ====== ANCLAS (SECCIONES) PARA QUE NO LAS TAPE EL HEADER ====== */
#hx-lanz-hero,
#hx-lanz-problema,
#hx-lanz-soluciones,
#hx-lanz-zonas,
#hx-lanz-contacto{
  scroll-margin-top:calc(var(--hx-header-h) + 26px);
}/* End custom CSS */