.elementor-2597 .elementor-element.elementor-element-eec5a11{--display:flex;--min-height:0px;--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-2597 .elementor-element.elementor-element-eec5a11.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2597 .elementor-element.elementor-element-e449842 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2597 .elementor-element.elementor-element-e449842 .main-menu>ul>li>a{margin:33px -24px 33px 31px !important;padding:0px 0px 0px 0px !important;}@media(max-width:767px){.elementor-2597 .elementor-element.elementor-element-e449842 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2597 .elementor-element.elementor-element-e449842 .main-menu>ul>li>a{margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;}}@media(min-width:768px){.elementor-2597 .elementor-element.elementor-element-eec5a11{--width:100%;}}/* Start custom CSS for poolaxheader, class: .elementor-element-e449842 *//* ====== Ajuste general ====== */
/* 1) Define un espacio seguro para el logo (ancho del logo + margen) */
:root{
  --logo-safe-space: 260px; /* AJUSTA este valor a tu logo (230–320px suele ir bien) */
}

/* 2) Asegura el orden de apilado: el logo por encima, la píldora detrás */
.menu-area { position: relative; }
.menu-area::before{
  z-index: 1 !important;                 /* píldora por detrás */
  left: var(--logo-safe-space) !important;/* empuja la píldora a la derecha del logo */
  right: 16px !important;                 /* margen derecho de la píldora */
  border-radius: 50px;                    /* por si el tema lo pierde */
}
.menu-area > .row { position: relative; z-index: 2; }
.menu-area .header-logo { position: relative; z-index: 5; }

/* 3) Tamaño del logo controlado (evita que crezca demasiado) */
.menu-area .header-logo img{
  max-height: 56px;   /* sube/baja según tu diseño */
  height: auto;
  width: auto;
  display: block;
  margin-left: 8px;   /* pequeño respiro al borde */
}

/* ====== Responsivo ====== */
/* Tablet */
@media (max-width: 1199px){
  :root{ --logo-safe-space: 210px; }      /* reduce el espacio del logo */
  .menu-area .header-logo img{ max-height: 50px; }
}
/* Mobile: la píldora ocupa casi todo y el logo queda en línea con el borde */
@media (max-width: 767px){
  :root{ --logo-safe-space: 12px; }
  .menu-area::before{ right: 12px !important; }
  .menu-area .header-logo img{ max-height: 42px; }
}/* End custom CSS */