/* ==========================================================================
   BYKAMEN — Estilo de la cabecera HFE (plantilla "Cabecera Bykamen").
   Se apunta a las clases reales que genera Elementor/HFE.
   ========================================================================== */
/* Barra de cabecera (sección hs1) */
.elementor-element-hs1{
  background:rgba(11,11,10,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  position:sticky; top:0; z-index:100;
  -webkit-backdrop-filter:saturate(140%) blur(10px); backdrop-filter:saturate(140%) blur(10px);
}
.elementor-element-hs1 .elementor-container{ align-items:center; }

/* Menús (HFE Navigation Menu) */
.elementor-element-hs1 .hfe-nav-menu a.hfe-menu-item,
.elementor-element-hs1 .hfe-nav-menu .menu-item > a,
.elementor-element-hs1 .hfe-nav-menu__layout-horizontal .menu-item a{
  color:#F6F5F3 !important;
  font-family:"Oswald","Arial Narrow",sans-serif !important;
  text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:500;
}
.elementor-element-hs1 .hfe-nav-menu a:hover{ color:#E58500 !important; }

/* Logo (columna central hc2) */
.elementor-element-hc2 img{ height:82px !important; width:auto !important; }

/* Botón CTA (widget hw4) */
.elementor-element-hw4 .elementor-button{
  background:transparent !important; color:#E58500 !important; border:1px solid #E58500 !important;
  border-radius:0; padding:.6rem 1rem;
  font-family:"Oswald","Arial Narrow",sans-serif !important; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem;
}
.elementor-element-hw4 .elementor-button:hover{ background:#E58500 !important; color:#0B0B0A !important; }

/* Submenús y hamburguesa móvil */
.elementor-element-hs1 .sub-menu, .elementor-element-hs1 .hfe-nav-menu__submenu{ background:#141413 !important; }
.elementor-element-hs1 .hfe-nav-menu-icon i,
.elementor-element-hs1 .elementor-menu-toggle,
.elementor-element-hs1 .hfe-menu-toggle{ color:#F6F5F3 !important; }

/* 2026-09-11 Cabecera: menu secundario + boton EN LINEA (solo escritorio) */
@media (min-width:1025px){
  .elementor-element-hc3 > .elementor-widget-wrap{
    flex-wrap:nowrap !important; flex-direction:row !important;
    align-items:center !important; justify-content:center !important; gap:22px !important;
  }
  .elementor-element-hc3 > .elementor-widget-wrap > .elementor-element{
    width:max-content !important; flex:0 0 auto !important; margin:0 !important;
  }
  .elementor-element-hw3 .elementor-widget-container,
  .elementor-element-hw3 .hfe-nav-menu-wrapper,
  .elementor-element-hw3 .hfe-nav-menu{
    width:max-content !important; max-width:none !important;
  }
}

/* 2026-09-11 Cabecera simetrica: logo centrado + menus equidistantes (escritorio) */
@media (min-width:1025px){
  .elementor-element-hs1 > .elementor-container{ align-items:center !important; flex-wrap:nowrap !important; }
  .elementor-element-hc1, .elementor-element-hc3{ flex:1 1 0 !important; width:auto !important; max-width:none !important; }
  .elementor-element-hc2{ flex:0 0 auto !important; width:auto !important; max-width:none !important; }
  .elementor-element-hc1 > .elementor-widget-wrap{ justify-content:center !important; }
  .elementor-element-hc1 .elementor-widget-container{ display:flex !important; flex-direction:row !important; justify-content:center !important; }
  .elementor-element-hc1 .hfe-nav-menu.hfe-layout-horizontal,
  .elementor-element-hc1 nav.hfe-nav-menu__layout-horizontal,
  .elementor-element-hc1 ul.hfe-nav-menu{ margin-left:auto !important; margin-right:auto !important; }
}
