/* Pagliaccio Navigation Pro v1.1.13 - Anclaje estable y cierre inmediato desktop. */

body.pg-nav-pro-enabled {
  --pg-nav-accent: #08b2b1;
  --pg-nav-ink: #183137;
  --pg-nav-subtle: #d9e9e9;
}

@media (min-width: 992px) {
  body.pg-nav-pro-enabled #header-section.header-desktop.header-v4 {
    background: linear-gradient(180deg, #242626 0%, #202122 100%) !important;
  }

  
  body.pg-nav-pro-enabled #header-section #main-nav > li.nav-item {
    position: relative !important;
    height: 100%;
    display: flex;
    align-items: center;
  }

  body.pg-nav-pro-enabled #header-section #main-nav > li > a.nav-link {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    height: 43px !important;
    min-height: 43px;
    line-height: 1.2 !important;
    padding: 0 13px !important;
    margin: 0 2px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent !important;
    color: #f1f7f7 !important;
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    font-size: 12.8px !important;
    font-weight: 650 !important;
    letter-spacing: -.015em;
    white-space: nowrap;
    text-decoration: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li > a.nav-link:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li > a.nav-link:focus-visible,
  body.pg-nav-pro-enabled #header-section #main-nav > li.dropdown:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.dropdown:focus-within > a.nav-link {
    background: rgba(8,178,177,.115) !important;
    border-color: rgba(85,223,215,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    color: #79e3df !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.current-menu-item > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.current-menu-ancestor > a.nav-link {
    color: #8ce9e5 !important;
    background: rgba(8,178,177,.075) !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li > a.dropdown-toggle::after {
    transition: transform .2s ease;
    transform-origin: center;
    margin-left: 9px;
    border-top-color: #6bd6d4;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li:hover > a.dropdown-toggle::after,
  body.pg-nav-pro-enabled #header-section #main-nav > li:focus-within > a.dropdown-toggle::after {
    transform: rotate(180deg);
  }

  
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu {
    /* Houzez cambia fixed/absolute al salir del hover. Mantener el mismo
       contenedor de referencia durante toda la transición evita el salto. */
    position: absolute !important;
    /* Sin desvanecimiento: el menú anterior se oculta en el mismo cambio
       de hover. Se evita también que la animación retenga la opacidad. */
    transition: none !important;
    background: rgba(255,255,255,.985) !important;
    border: 1px solid var(--pg-nav-subtle) !important;
    border-radius: 16px !important;
    padding: 9px !important;
    min-width: 256px;
    box-shadow: 0 22px 56px rgba(14,31,36,.17), 0 5px 18px rgba(14,31,36,.08) !important;
    z-index: 1090;
    animation: none !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li > .dropdown-menu {
    top: calc(100% - 6px) !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 0 !important;
  }
  
  body.pg-nav-pro-enabled #header-section #main-nav > li:last-child > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }
  
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu .dropdown-menu {
    left: auto !important;
    right: calc(100% - 3px) !important;
    top: -8px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu > li {
    position: relative !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu > li > a.dropdown-item {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px;
    color: #253c43 !important;
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    font-size: 13px !important;
    font-weight: 580 !important;
    line-height: 1.45;
    white-space: normal;
    transition: background-color .16s ease, color .16s ease;
  }
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu > li > a.dropdown-item:hover,
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu > li > a.dropdown-item:focus-visible,
  body.pg-nav-pro-enabled #header-section #main-nav .dropdown-menu > li:hover > a.dropdown-item {
    background: #e8f8f7 !important;
    color: #087f80 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav li.dropdown:focus-within > .dropdown-menu {
    display: block;
  }
  

  @keyframes pg-nav-dropdown-entrance {
    from { opacity: .2; filter: blur(2px); }
    to { opacity: 1; filter: blur(0); }
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.pg-nav-pro-enabled #header-section #main-nav > li > a.nav-link {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
    margin-left: 1px;
    margin-right: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pg-nav-pro-enabled #header-section #main-nav *,
  body.pg-nav-pro-enabled #header-mobile *,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu * {
    animation: none !important;
    transition: none !important;
  }
}

@media (min-width: 992px) {
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link {
    position: relative;
    padding-inline: 13px !important;
    gap: 0;
    border-radius: 12px;
    border: 1px solid rgba(85,223,215,.25) !important;
    background: rgba(8,178,177,.11) !important;
    color: #8ce9e3 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link::before {
    content: "";
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: #52d6d0;
    box-shadow: 0 0 0 3px rgba(8,178,177,.12);
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > a.nav-link {
    border-color: rgba(224,191,132,.24) !important;
    background: rgba(228,194,132,.075) !important;
    color: #f0d5a1 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > a.nav-link::before {
    background: #e4bf84;
    box-shadow: 0 0 0 3px rgba(228,191,132,.10);
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link:focus-visible,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important:focus-within > a.nav-link {
    border-color: rgba(100,227,221,.5) !important;
    background: rgba(8,178,177,.20) !important;
    color: #e2fffd !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 4px 14px rgba(0,0,0,.10);
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:focus-within > a.nav-link {
    border-color: rgba(234,200,143,.48) !important;
    background: rgba(228,191,132,.14) !important;
    color: #ffe9c2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link {
    padding-inline: 8px !important;
    margin-inline: 1px;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link::before {
    flex-basis: 5px;
    width: 5px;
    height: 5px;
    margin-right: 4px;
  }
}

@media (min-width: 992px) {
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link:focus,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important:focus-within > a.nav-link {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy:focus-within > a.nav-link {
    color: #8ce9e3 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:focus-within > a.nav-link {
    color: #f0d5a1 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important > a.nav-link:focus-visible {
    outline: 2px solid rgba(8,178,177,.65) !important;
    outline-offset: 3px;
  }
}

@media (min-width: 992px) {
  
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent .dropdown-menu {
    width: max-content !important;
    min-width: 174px !important;
    max-width: min(300px, calc(100vw - 22px)) !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > .dropdown-menu {
    min-width: 186px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent .dropdown-menu .dropdown-menu {
    min-width: 174px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent .dropdown-menu > li > a.dropdown-item {
    white-space: nowrap !important;
  }

  
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy:focus-within > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy > a.nav-link:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-buy > a.nav-link:focus-visible {
    background: rgba(8,178,177,.115) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(85,223,215,.24) !important;
    color: #8ce9e3 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:hover > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent:focus-within > a.nav-link,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > a.nav-link:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > a.nav-link:focus-visible {
    background: rgba(228,191,132,.09) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(228,191,132,.25) !important;
    color: #f0d5a1 !important;
  }
}

@media (min-width: 992px) {
  
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent > ul.dropdown-menu {
    box-sizing: border-box !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent ul.dropdown-menu ul.dropdown-menu {
    box-sizing: border-box !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li.pg-nav-important-rent ul.dropdown-menu > li > a.dropdown-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 > ul.dropdown-menu {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 230px !important;
  }
  
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 > ul.dropdown-menu {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 282px !important;
  }
  
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 .dropdown-menu > li#menu-item-22791 > ul.dropdown-menu,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 .dropdown-menu > li.menu-item-22791 > ul.dropdown-menu {
    width: max-content !important;
    min-width: 0 !important;
    max-width: 220px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 > ul.dropdown-menu > li > a.dropdown-item,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 > ul.dropdown-menu > li > a.dropdown-item,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 .dropdown-menu > li#menu-item-22791 > ul.dropdown-menu > li > a.dropdown-item,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 .dropdown-menu > li.menu-item-22791 > ul.dropdown-menu > li > a.dropdown-item {
    white-space: nowrap !important;
  }
}

@media (min-width: 992px) {
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 > ul.dropdown-menu {
    box-sizing: border-box !important;
    width: 201px !important;
    min-width: 201px !important;
    max-width: 201px !important;
    padding: 7px !important;
    overflow: hidden !important; 
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 > ul.dropdown-menu {
    box-sizing: border-box !important;
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    padding: 7px !important;
    overflow: visible !important; 
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 li#menu-item-22791 > ul.dropdown-menu,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 li.menu-item-22791 > ul.dropdown-menu {
    box-sizing: border-box !important;
    width: 207px !important;
    min-width: 207px !important;
    max-width: 207px !important;
    padding: 7px !important;
    overflow: hidden !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 > ul.dropdown-menu > li,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 ul.dropdown-menu > li {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 ul.dropdown-menu > li > a.dropdown-item,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 ul.dropdown-menu > li > a.dropdown-item {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    border-radius: 9px !important;
  }
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20119 ul.dropdown-menu > li > a.dropdown-item:hover,
  body.pg-nav-pro-enabled #header-section #main-nav > li#menu-item-20077 ul.dropdown-menu > li > a.dropdown-item:hover {
    max-width: 100% !important;
  }
}
