.elementor-1521 .elementor-element.elementor-element-7740361{--display:flex;--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;}.elementor-1521 .elementor-element.elementor-element-1dc9acf{--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-1521 .elementor-element.elementor-element-8b206fc{--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:flex-end;--align-items:center;}.elementor-1521 .elementor-element.elementor-element-0c3badb .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-6b391c5 );}.elementor-1521 .elementor-element.elementor-element-0c3badb .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;}.elementor-1521 .elementor-element.elementor-element-0c3badb .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1521 .elementor-element.elementor-element-0c3badb .elementor-nav-menu--dropdown{background-color:var( --e-global-color-f134db5 );}.elementor-1521 .elementor-element.elementor-element-0c3badb .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-1521 .elementor-element.elementor-element-0c3badb div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-1521 .elementor-element.elementor-element-0c3badb div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1521 .elementor-element.elementor-element-8b206fc{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1521 .elementor-element.elementor-element-0c3badb{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1521 .elementor-element.elementor-element-1dc9acf{--width:20%;}.elementor-1521 .elementor-element.elementor-element-8b206fc{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1521 .elementor-element.elementor-element-1dc9acf{--width:60%;}.elementor-1521 .elementor-element.elementor-element-8b206fc{--width:40%;}}@media(max-width:767px){.elementor-1521 .elementor-element.elementor-element-7740361{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-1dc9acf{--width:75%;--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-1521 .elementor-element.elementor-element-8b206fc{--width:20%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1521 .elementor-element.elementor-element-0c3badb{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-7740361 *//* =========================================================
   HEADER STICKY — ABELLA RIBAS (FINAL CORREGIDO Y ESTABLE)
   ========================================================= */

/* =========================
   BASE (TODOS LOS DISPOSITIVOS)
   ========================= */

/* HEADER INNER - estado normal */
#ar-header .e-con-inner {
    transition:
        padding 0.35s ease,
        transform 0.35s ease;
}

/* LOGO */
#logo-wrapper img {
    display: block;
    max-width: 100%;
    height: auto;
    transform-origin: left center;
    transition:
        transform 0.35s ease,
        max-height 0.3s ease;
}

/* LOGO shrink */
#ar-header.is-shrunk #logo-wrapper img {
    transform: scale(0.85);
}

/* HEADER COLUMN */
#ar-header-col {
    display: flex;
    align-items: center;
    transition:
        height 0.3s ease,
        padding 0.3s ease,
        transform 0.35s ease;
}

#ar-header.is-shrunk #ar-header-col {
    transform: translateY(-2px);
}

/* NAV MENU */
#ar-header-col .elementor-nav-menu {
    transition: transform 0.35s ease;
}

#ar-header.is-shrunk #ar-header-col .elementor-nav-menu {
    transform: translateY(-2px);
}

/* HEADER - estado normal */
#ar-header {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    transition:
        padding 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* HEADER - estado sticky */
#ar-header.elementor-sticky--active {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    z-index: 9999;
}

/* =========================
   DESKTOP (>= 1025px)
   ========================= */

@media (min-width: 1025px) {

    #ar-header-col {
        height: 90px;
        padding: 10px 0;
        flex-direction: row;
    }

    #ar-header.is-scrolled #ar-header-col {
        height: 72px;
        padding: 10px 0;
    }

    #logo-wrapper {
        margin-right: auto;
    }

    #logo-wrapper img {
        max-height: 56px;
    }

    #ar-header.is-scrolled #logo-wrapper img {
        max-height: 40px;
    }

    #menu-wrapper {
        margin-left: auto;
    }

    #ar-header nav > ul {
        display: flex;
        gap: 32px;
    }

    #ar-header nav ul ul {
        display: none;
    }

    #ar-header nav ul li:hover > ul {
        display: block;
        width: fit-content;
    }

    #ar-header nav ul li a {
        position: relative;
        padding: 6px 0;
        text-decoration: none;
    }

    #ar-header nav ul li a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.25s ease;
    }

    #ar-header nav ul li:hover > a::after,
    #ar-header nav ul li.current-menu-item > a::after {
        transform: scaleX(1);
    }
}

/* =========================
   TABLET + MOBILE (<= 1024px)
   ========================= */

@media (max-width: 1024px) {

  .elementor-nav-menu--dropdown .sub-menu {
    display: none;
  }

  .elementor-nav-menu--dropdown .menu-item-has-children.open > .sub-menu {
    display: block;
  }

  #ar-header-col {
    flex-direction: column;
    padding: 16px 0;
  }

 #logo-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px;
}

  #logo-wrapper img {
    max-height: initial;
  }

  #menu-wrapper {
    margin-top: 8px;
    display: flex;
    justify-content: center;
  }

  /* CTA específico – ancho natural */
  li.menu-item-1074 > a {
    line-height: 1;
    padding: 12px 36px !important;
    border: solid 1px #114B57;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    white-space: nowrap;
  }

  .elementor-nav-menu--dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    z-index: 1000;
  }
  /* UL interno (lista de items) */
  
.elementor-nav-menu--dropdown ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  
    /* Contenedor del menú mobile */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Submenús (Tratamientos) */
  .elementor-nav-menu--dropdown .sub-menu {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Cada item ocupa su altura natural */
  .elementor-nav-menu--dropdown li {
    height: auto !important;
  }
  .elementor-nav-menu--dropdown ul li {
    width: 100%;
    text-align: center;
  }

  .elementor-nav-menu--dropdown ul li a {
    display: block;
    padding: 14px 0;
  }
  
  /* Estado inicial (cerrado) */
  .elementor-nav-menu--dropdown {
    opacity: 0;
    transform: translateY(-6px);
    transition:
      opacity 0.45s ease,
      transform 0.45s ease;
    pointer-events: none;
  }

  /* Estado abierto */
  .elementor-nav-menu--dropdown[aria-hidden="false"] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

}

@media (max-width: 767px) {
    #ar-header li.menu-item-1074 > a {
    width: 30%;
}
}

@media (max-width: 480px) {
    #ar-header li.menu-item-1074 > a {
        width: 40%;
    }
}
/* =========================
   DROPDOWN – UNDERLINE
   ========================= */

#ar-header .elementor-nav-menu--dropdown li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
    background: transparent !important;
    color: #1a1a1a;
    transition: color 0.15s ease;
}

#ar-header .elementor-nav-menu--dropdown li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1.5px;
    background-color: #0f4c5c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.16s ease-out;
}

#ar-header .elementor-nav-menu--dropdown li a:hover,
#ar-header .elementor-nav-menu--dropdown li a:focus {
    color: #0f4c5c;
}

#ar-header .elementor-nav-menu--dropdown li a:hover::after,
#ar-header .elementor-nav-menu--dropdown li a:focus::after {
    transform: scaleX(1);
}/* End custom CSS */