.elementor-400 .elementor-element.elementor-element-9e0fd62{--display:flex;--min-height:64px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;--z-index:9999;}.elementor-400 .elementor-element.elementor-element-917fc24{--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;--justify-content:center;}.elementor-400 .elementor-element.elementor-element-917fc24.e-con{--flex-grow:0;--flex-shrink:0;}.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-400 .elementor-element.elementor-element-39e0300.elementor-element{--align-self:flex-start;}.elementor-400 .elementor-element.elementor-element-39e0300 img{height:0px;}.elementor-400 .elementor-element.elementor-element-2a3b124{--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;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-400 .elementor-element.elementor-element-2a3b124.e-con{--flex-grow:0;--flex-shrink:0;}.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-400 .elementor-element.elementor-element-dc6f334{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-400 .elementor-element.elementor-element-dc6f334 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-448cdfb );}.elementor-400 .elementor-element.elementor-element-dc6f334 .e--pointer-framed .elementor-item:before,
					.elementor-400 .elementor-element.elementor-element-dc6f334 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-448cdfb );}.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-400 .elementor-element.elementor-element-917fc24{--width:150px;--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-400 .elementor-element.elementor-element-39e0300.elementor-element{--align-self:center;}.elementor-400 .elementor-element.elementor-element-2a3b124{--width:120px;}}@media(min-width:768px){.elementor-400 .elementor-element.elementor-element-917fc24{--width:50%;}.elementor-400 .elementor-element.elementor-element-2a3b124{--width:50%;}}/* Start custom CSS *//* ====== HUMIX · Header Elementor ====== */
:root{
  --hx-header-h: 64px;
  --hx-ink: #0f172a;
  --hx-white: #fff;
}

/* Header fijo con blur y z-index alto */
#header-main{
  position: fixed; top: 0; left: 0; right: 0; height: var(--hx-header-h);
  background: rgba(15,23,42,.72);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  z-index: 2147483647;
}

/* Contenido del header: centrado vertical */
#header-main .elementor-container{
  height: var(--hx-header-h);
  align-items: center;
  gap: 20px;
}

/* Logo (por si necesitas forzar altura) */
#header-main img{ height: 36px; width: auto; display: block; }

/* Menú desktop */
#header-main nav a,
#header-main .elementor-nav-menu a{
  color: var(--hx-white);
  text-decoration: none;
  font-weight: 800;
  padding: 8px 10px;
  border-radius: 10px;
}
#header-main nav a:hover,
#header-main .elementor-nav-menu a:hover{
  background: rgba(255,255,255,.08);
}

/* Activo / página actual */
#header-main .elementor-nav-menu .elementor-item-active,
#header-main .elementor-nav-menu .current-menu-item > a{
  background: rgba(255,255,255,.12);
}

/* Accesibilidad: foco claro */
#header-main a:focus-visible{
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Botón hamburguesa (togle) */
#header-main .elementor-menu-toggle{
  color: var(--hx-white);
  border: 1px solid rgba(255,255,255,.18);
  padding: 8px 10px;
  border-radius: 10px;
}

/* ====== Móvil / Tablet: overlay de menú elegante ====== */
@media (max-width: 1024px){
  /* Contenedor del dropdown convertido en overlay fijo */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu__container{
    position: fixed;
    top: var(--hx-header-h); left: 0; right: 0; bottom: 0;
    background: rgba(15,23,42,.96);
    backdrop-filter: blur(6px) saturate(140%);
    -webkit-backdrop-filter: blur(6px) saturate(140%);
    padding: 22px;
    overflow-y: auto; 
    overscroll-behavior: contain;
  }

  /* Enlaces más cómodos para tocar */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu a{
    padding: 14px 10px;
    font-size: 18px;
  }

  /* Evita que la página del fondo haga scroll cuando el menú está abierto:
     Elementor añade .elementor-active al botón toggle al abrir */
  html:has(#header-main .elementor-menu-toggle.elementor-active),
  body:has(#header-main .elementor-menu-toggle.elementor-active){
    overflow: hidden; height: 100%;
  }
}

/* ====== Compensación barra de admin de WP ====== */
.admin-bar #header-main{ top: 32px; }
@media (max-width: 782px){
  .admin-bar #header-main{ top: 46px; }
}

/* ====== Anclajes: que no los tape el header ====== */
#hero, #servicios, #resultados, #equipos, #faq, #contacto{
  scroll-margin-top: calc(var(--hx-header-h) + 26px);
}
/* ====== Forzar layout del HEADER ====== */
#header-main{
  position: fixed; top:0; left:0; right:0; height:64px;
  background: rgba(15,23,42,.72);
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  z-index: 2147483647;
}

/* El contenedor del header se comporta como barra: logo izq, acción der */
#header-main .elementor-container{
  position: relative;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;   /* logo a la izq y nav/toggle a la dcha */
  gap: 20px;
}

/* Asegura el tamaño del logo */
#header-main img{ height:36px; width:auto; display:block; }

/* ====== Desktop: el menú principal a la derecha ====== */
#header-main .elementor-widget-nav-menu{ margin-left: auto; }

/* ====== Móvil/Tablet: fija la hamburguesa arriba-derecha dentro del header ====== */
@media (max-width:1024px){
  /* El botón toggle siempre dentro del header, no en el hero */
  #header-main .elementor-menu-toggle{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    margin: 0;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    padding:8px 10px;
    border-radius:10px;
    background: transparent;
  }

  /* Evita que los elementos del header se rompan a dos líneas */
  #header-main .elementor-container > .elementor-column,
  #header-main .elementor-container > .elementor-widget{
    flex: 0 0 auto;
  }

  /* Overlay del menú desplegado (sin desplazar el fondo) */
  #header-main .elementor-nav-menu--dropdown .elementor-nav-menu__container{
    position: fixed;
    top: 64px; left: 0; right: 0; bottom: 0;
    background: rgba(15,23,42,.96);
    padding: 22px;
    overflow-y: auto;
    backdrop-filter: blur(6px) saturate(140%);
    -webkit-backdrop-filter: blur(6px) saturate(140%);
    z-index: 2147483646;
  }

  /* Bloquea el scroll del documento cuando se abre el menú */
  html:has(#header-main .elementor-menu-toggle.elementor-active),
  body:has(#header-main .elementor-menu-toggle.elementor-active){
    overflow: hidden; height: 100%;
  }
}

/* Compensa admin bar y anclajes */
.admin-bar #header-main{ top:32px; }
@media (max-width:782px){ .admin-bar #header-main{ top:46px; } }
#hero,#servicios,#resultados,#equipos,#faq,#contacto{ scroll-margin-top: 90px; }
/* ====== HumiX Header Tesla-Style ====== */
header[data-elementor-type="header"] {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 64px;
  z-index: 9999;
  background: rgba(15, 23, 42, 0.75); /* azul oscuro translúcido */
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
  transition: background .3s ease, height .3s ease, box-shadow .3s ease;
}

/* Espaciado interno del contenedor */
header[data-elementor-type="header"] .elementor-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 24px;
}

/* Logo */
header .elementor-widget-image img {
  height: 38px;
  width: auto;
  transition: transform .3s ease;
}
header[data-elementor-type="header"]:hover .elementor-widget-image img {
  transform: scale(1.03);
}

/* Menú desktop */
header .elementor-nav-menu a {
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.03em;
  padding: 10px 14px;
  border-radius: 10px;
  transition: background .2s ease;
}
header .elementor-nav-menu a:hover {
  background: rgba(255,255,255,0.1);
}

/* Botón hamburguesa */
header .elementor-menu-toggle {
  background: rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 10px 12px;
  transition: background .2s ease;
}
header .elementor-menu-toggle:hover {
  background: rgba(255,255,255,0.12);
}

/* Dropdown (móvil) */
header .elementor-nav-menu--dropdown {
  background: rgba(15,23,42,0.96);
  backdrop-filter: blur(8px);
  border-top: 1px solid rgba(255,255,255,0.1);
}
header .elementor-nav-menu--dropdown a {
  color: #fff;
  padding: 14px 18px;
  border-radius: 0;
  font-weight: 700;
}

/* ====== Efecto scroll (se oscurece un poco) ====== */
header.elementor-sticky--effects {
  background: rgba(15,23,42,0.92);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  height: 60px;
}

/* ====== Compensar desplazamiento de anclas ====== */
#hero, #servicios, #resultados, #equipos, #faq, #contacto {
  scroll-margin-top: 90px;
}
/* ====== HEADER FIJO HUMIX (usando #header-main) ====== */
#header-main{
  position:fixed; top:0; left:0; right:0; height:64px;
  background:rgba(15,23,42,.75);
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
  z-index:2147483647;
}

/* fila interna: logo izquierda, menú a la derecha */
#header-main .e-con-inner,
#header-main .elementor-container{
  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; }

/* logo */
#header-main img{ height:36px; width:auto; display:block; }

/* enlaces del menú en desktop */
#header-main nav a{
  color:#fff; text-decoration:none; font-weight:800;
  padding:8px 10px; border-radius:10px;
}
#header-main nav a:hover{ background:rgba(255,255,255,.08); }

/* Que los anclajes no queden tapados por el header fijo */
#hero,#servicios,#resultados,#equipos,#faq,#contacto{
  scroll-margin-top:90px;
}

/* ====== MÓVIL / TABLET ====== */
@media (max-width:900px){
  /* asegura hamburguesa a la derecha */
  #header-main .col-nav{ justify-content:flex-end; }

  /* Si tu widget de menú tiene la clase hx-mainmenu, que el dropdown ocupe 100vw */
  .hx-mainmenu .e-n-menu__dropdown,
  .hx-mainmenu .e-menu-content{
    left:0 !important; right:0 !important; width:100vw !important;
  }
}/* End custom CSS */