.elementor-18 .elementor-element.elementor-element-cdf2db3{--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:center;--align-items:center;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--z-index:99999;}.elementor-18 .elementor-element.elementor-element-cdf2db3::before, .elementor-18 .elementor-element.elementor-element-cdf2db3 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-cdf2db3 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-cdf2db3 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-cdf2db3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-cdf2db3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-cdf2db3.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-996e4d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-18 .elementor-element.elementor-element-996e4d2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-18 .elementor-element.elementor-element-d5e6474.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-d5e6474 img{width:43%;max-width:100%;}.elementor-18 .elementor-element.elementor-element-3554bcc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-18 .elementor-element.elementor-element-3554bcc.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-18 .elementor-element.elementor-element-1425876{padding:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-1425876 .elementor-menu-toggle{margin:0 auto;}.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-e2ca36f );fill:var( --e-global-color-e2ca36f );}.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown a, .elementor-18 .elementor-element.elementor-element-1425876 .elementor-menu-toggle{color:var( --e-global-color-e2ca36f );fill:var( --e-global-color-e2ca36f );}.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown .elementor-item, .elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;}.elementor-18 .elementor-element.elementor-element-9bcc666{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-18 .elementor-element.elementor-element-9bcc666.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-96c078e .elementor-button{background-color:var( --e-global-color-e2ca36f );border-radius:999px 999px 999px 999px;}.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-18 .elementor-element.elementor-element-cdf2db3{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-996e4d2{--width:25%;}.elementor-18 .elementor-element.elementor-element-d5e6474{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-18 .elementor-element.elementor-element-d5e6474 img{width:100%;max-width:200px;}.elementor-18 .elementor-element.elementor-element-3554bcc{--width:67px;}.elementor-18 .elementor-element.elementor-element-9bcc666{--width:220px;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-cdf2db3{--width:100%;}.elementor-18 .elementor-element.elementor-element-996e4d2{--width:20%;}.elementor-18 .elementor-element.elementor-element-3554bcc{--width:60%;}.elementor-18 .elementor-element.elementor-element-9bcc666{--width:20%;}}/* Start custom CSS for nav-menu, class: .elementor-element-1425876 *//* =========================
   Menú HumiX (píldoras)
   Pegar en: widget del menú → Avanzado → CSS personalizado
   ========================= */

/* Variables por si no están ya definidas */
:root{ --hx-red:#FA1F02; --hx-gold:#EFCE8C; }

/* Base: items en fila y sin márgenes (WordPress Menu) */
.elementor-18 .elementor-element.elementor-element-1425876 .menu{
  list-style:none; margin:0; padding:0;
  display:flex; gap:.4rem; flex-wrap:wrap;
}
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li{ margin:0; }

/* Base: convierte enlaces en píldoras (Elementor Nav Menu + WP Menu) */
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li > a{
  display:inline-block;
  color: var(--hx-red) !important;
  font-weight:800;
  padding:.55rem .9rem;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  transition: background .2s, border-color .2s, color .2s;
}

/* Hover + activo */
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item:hover,
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li.current-menu-item > a,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li.current_page_item > a,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li.current-menu-ancestor > a{
  border-color: var(--hx-gold);
  background: rgba(239,206,140,.18);
  color: var(--hx-red) !important;
}

/* Submenú (si lo usas) */
.elementor-18 .elementor-element.elementor-element-1425876 .sub-menu a{
  border-radius:12px;
  border:1px solid transparent;
  padding:.5rem .7rem;
}
.elementor-18 .elementor-element.elementor-element-1425876 .sub-menu a:hover{
  border-color: var(--hx-gold);
  background: rgba(239,206,140,.18);
}

/* Accesibilidad: foco visible */
.elementor-18 .elementor-element.elementor-element-1425876 a:focus{
  outline:2px solid var(--hx-gold);
  outline-offset:2px;
  border-radius:999px;
}

/* Ajustes móviles (menú hamburguesa) */
@media (max-width:1024px){
  /* Dropdown de Elementor */
  .elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown{
    background: rgba(30,30,30,.55);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(8px) saturate(1.05);
    -webkit-backdrop-filter: blur(8px) saturate(1.05);
    border-radius:16px; padding:10px;
    box-shadow:0 16px 32px rgba(0,0,0,.24);
  }
  .elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown a.elementor-item{
    color:#fff !important;
    border-radius:999px;
    border:1px solid transparent;
    padding:.6rem .9rem;
  }
  .elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--dropdown a.elementor-item:hover{
    border-color: var(--hx-gold);
    background: rgba(239,206,140,.18);
  }
}
/* Estado ACTIVO por scroll */
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item.is-active,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li > a.is-active{
  border-color: var(--hx-gold);
  background: rgba(239,206,140,.18);
  color: var(--hx-red) !important;
}
/* Activo por ancla (CSS-only, sin JS) */
:root{ --hx-red:#FA1F02; --hx-gold:#EFCE8C; }

/* Estilo base de tus “píldoras” (por si no lo tenías aquí) */
.elementor-18 .elementor-element.elementor-element-1425876 .menu{ list-style:none; margin:0; padding:0; display:flex; gap:.4rem; flex-wrap:wrap; }
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li{ margin:0; }
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li > a{
  display:inline-block; color:var(--hx-red) !important; font-weight:800;
  padding:.55rem .9rem; border-radius:999px; border:1px solid transparent; text-decoration:none;
  transition:background .2s, border-color .2s, color .2s;
}
.elementor-18 .elementor-element.elementor-element-1425876 .elementor-nav-menu--main .elementor-item:hover,
.elementor-18 .elementor-element.elementor-element-1425876 .menu > li > a:hover{
  border-color:var(--hx-gold); background:rgba(239,206,140,.18);
}

/* ====== ACTIVO con :target (al hacer clic en anclas) ====== */
/* Por defecto (sin hash en la URL) marcamos Inicio */
body:not(:has(:target)) .elementor-18 .elementor-element.elementor-element-1425876 a[href="#inicio"],
/* Cuando una sección está “target”, marcamos su enlace */
body:has(#inicio:target) .elementor-18 .elementor-element.elementor-element-1425876 a[href="#inicio"],
body:has(#conocenos:target) .elementor-18 .elementor-element.elementor-element-1425876 a[href="#conocenos"],
body:has(#servicios:target) .elementor-18 .elementor-element.elementor-element-1425876 a[href="#servicios"],
body:has(#contacto:target) .elementor-18 .elementor-element.elementor-element-1425876 a[href="#contacto"]{
  border-color:var(--hx-gold);
  background:rgba(239,206,140,.18);
  color:var(--hx-red) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf2db3 *//* GLASS aplicado al CONTENEDOR del header */
.elementor-18 .elementor-element.elementor-element-cdf2db3{
  position: sticky; top:0; left:0; right:0; z-index:9999;

  /* ancho real de viewport (si quieres que la franja glass ocupe de lado a lado) */
  width: 100vw;                    /* ← estaba en 0vw */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background: rgba(255,255,255,.16) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  backdrop-filter: blur(10px) saturate(1.05);
  border-bottom: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

/* limpiar fondos internos que ponga Elementor */
.elementor-18 .elementor-element.elementor-element-cdf2db3 > .e-con,
.elementor-18 .elementor-element.elementor-element-cdf2db3 .elementor-container{
  background: transparent !important;
}

/* móvil: un poco más sólido */
@media (max-width:767px){
  .elementor-18 .elementor-element.elementor-element-cdf2db3{
    background: rgba(255,255,255,.92) !important;
    border-bottom: 1px solid rgba(0,0,0,.06);
    -webkit-backdrop-filter: blur(6px) saturate(1);
    backdrop-filter: blur(6px) saturate(1);
    box-shadow: 0 6px 18px rgba(0,0,0,.07);
  }
}/* End custom CSS */
/* Start custom CSS *//* Desplazamiento suave y margen superior para anclas */
#inicio, #conocenos, #servicios, #contacto { scroll-margin-top: 90px; }
html { scroll-behavior: smooth; }

/* Variables de marca */
:root{ --hx-red:#FA1F02; --hx-gold:#EFCE8C; }

/* -------- PÍLDORAS DEL MENÚ -------- */
/* Base: enlaces en rojo, sin fondo */
.header-hx .menu-hx .elementor-nav-menu--main .elementor-item{
  display:inline-flex; align-items:center; gap:.35rem;
  color: var(--hx-red) !important;
  padding:.45rem .75rem;        /* más fino */
  border:1.5px solid transparent;
  border-radius:9999px;
  line-height:1;
  text-decoration:none;
  transition:background .18s, border-color .18s, color .18s, box-shadow .18s;
}

/* Hover */
.header-hx .menu-hx .elementor-nav-menu--main .elementor-item:hover{
  border-color: var(--hx-red);
  background: rgba(239,206,140,.12);
}

/* Activo */
.header-hx .menu-hx .elementor-nav-menu--main .elementor-item.elementor-item-active,
.header-hx .menu-hx .menu > li.current-menu-item > a,
.header-hx .menu-hx .menu > li.current_page_item > a,
.header-hx .menu-hx .menu > li.current-menu-ancestor > a{
  background: var(--hx-gold) !important;
  color: var(--hx-red) !important;
  border-color: var(--hx-red) !important;
  border-width:1.5px;
  box-shadow:0 6px 16px rgba(239,206,140,.2);
}

/* Foco accesible (sin engordar el borde) */
.header-hx .menu-hx a:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(239,206,140,.35);
  border-color: var(--hx-gold);
}

/* Dropdown (móvil) a juego */
.header-hx .elementor-nav-menu--dropdown a.elementor-item{
  color: var(--hx-red) !important;
  padding:.55rem .85rem;
  border:1.5px solid transparent;
  border-radius:9999px;
}
.header-hx .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  background: var(--hx-gold) !important;
  border-color: var(--hx-red) !important;
  color: var(--hx-red) !important;
}

/* -------- HEADER al 90% y centrado -------- */
/* Apunta a todas las variantes de contenedor de Elementor */
.hx-glass-nav > .e-con,
.hx-glass-nav .e-con-inner,
.hx-glass-nav .elementor-container{
  width:min(90%, 1400px);
  margin-inline:auto;
}

/* En móvil, 100% */
@media (max-width:767px){
  .hx-glass-nav > .e-con,
  .hx-glass-nav .e-con-inner,
  .hx-glass-nav .elementor-container{ width:100%; }
}

/* El dropdown no hereda ese ancho */
.hx-glass-nav .elementor-nav-menu--dropdown{
  width:auto; max-width:none;
}/* End custom CSS */