/* Pagliaccio Navigation Pro v1.1.0 - reconstrucción MOBILE sobre HTML original de Houzez.
   Nunca se eliminan .dropdown-toggle, data-bs-toggle o los disparadores originales.
   Menú original y un único logo CSS (#hz-offcanvas-mobile-menu::after). */
@media (max-width: 991px) {
  body.pg-nav-pro-enabled {
    --pgm-teal:#08b2b1;
    --pgm-panel:#232b2d;
    --pgm-turq:#86e9e4;
    --pgm-gold:#e8cb95;
  }

  /* Encabezado del sitio: se conserva el botón real y el logo original. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile {
    position: relative;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .header-mobile-left {
    position:relative;
    z-index:2;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button {
    -webkit-appearance:none;
    appearance:none;
    box-sizing:border-box;
    display:inline-flex!important;
    justify-content:center;
    align-items:center;
    gap:7px;
    width:auto!important;
    min-width:86px;
    height:44px!important;
    min-height:44px;
    padding:0 10px!important;
    border:1px solid rgba(8,178,177,.35)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#18363a,#253336)!important;
    color:#fff!important;
    font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 12px rgba(0,0,0,.12);
    transition:background-color .18s,border-color .18s,transform .18s;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button:hover,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button:focus-visible {
    background:#194548!important;
    border-color:rgba(8,178,177,.8)!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button:active {transform:scale(.98);}
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button i.houzez-icon {
    font-size:18px!important;
    color:#70e2dc!important;
    line-height:1!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .pg-nav-mobile-button-label {
    color:white!important;
    font:780 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif!important;
    white-space:nowrap;
    letter-spacing:.02em;
  }

  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .logo-mobile img {
    display:block;
    height:auto;
    max-width:100%;
    object-fit:contain;
  }

  /* Offcanvas: UN solo contenedor de scroll; la marca ::after queda debajo del contenido. */
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu.offcanvas-mobile-menu {
    box-sizing:border-box!important;
    --bs-offcanvas-width:min(354px, calc(100vw - 24px));
    position:fixed!important;
    width:min(354px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    display:block!important;
    flex-direction:unset!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    background:#232b2d!important;
    color:#f2f8f7!important;
    border-right:1px solid rgba(108,208,204,.22)!important;
    box-shadow:20px 0 60px rgba(0,0,0,.31)!important;
    font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(120,184,185,.35) transparent;
    z-index:2147483100!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header {
    position:sticky!important;
    top:0!important;
    left:0;
    z-index:3!important;
    box-sizing:border-box!important;
    min-height:82px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:16px 15px 16px 20px!important;
    margin:0!important;
    background:linear-gradient(115deg,#1b3033,#203a3c)!important;
    border-bottom:1px solid rgba(121,215,211,.16)!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-title {
    flex:1 1 auto!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:-.025em;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-title::after {
    content:'';
    display:block;
    width:32px;
    height:3px;
    margin-top:7px;
    border-radius:99px;
    background:#08b2b1;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro {
    -webkit-appearance:none;
    appearance:none;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    position:static!important;
    transform:none!important;
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px;
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:39px!important;
    min-height:39px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid rgba(107,225,216,.4)!important;
    border-radius:12px!important;
    background:#2d4649!important;
    background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    opacity:1!important;
    filter:none!important;
    color:#fff!important;
    transition:background-color .18s,border-color .18s;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro > i {display:none!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro > svg {
    flex:0 0 15px;
    display:block!important;
    width:15px!important;
    height:15px!important;
    stroke:#71e3dd!important;
    fill:none!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro .pg-nav-close-label {
    color:#fff!important;
    font:780 11px/1 'Plus Jakarta Sans',system-ui,sans-serif!important;
    white-space:nowrap;
    letter-spacing:.035em;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro:hover,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-header button.pg-nav-close-pro:focus-visible {
    background:#34595b!important;
    border-color:rgba(126,232,224,.8)!important;
  }

  /* No max-height ni scroll interno: el contenido desplaza al logo original. */
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu .offcanvas-mobile-menu-body {
    box-sizing:border-box!important;
    position:static!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:16px 12px 4px!important;
    margin:0!important;
    background:#232b2d!important;
    color:#ecf6f4!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav li {
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav {
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    list-style:none;
    background:transparent!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav li {position:relative!important;list-style:none!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li {margin:0 0 6px!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li > a.nav-link {
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:52px!important;
    padding:12px 54px 12px 15px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#f0f5f5!important;
    font-size:14.5px!important;
    font-weight:670!important;
    line-height:1.4!important;
    text-decoration:none!important;
    transition:background-color .18s,color .18s,border-color .18s;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li > a.nav-link:hover,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li > a.nav-link:focus-visible {
    background:rgba(255,255,255,.055)!important;
    color:#a9f2ee!important;
    border-color:rgba(102,206,201,.2)!important;
  }
  /* Comprar / Alquilar: solo color + punto; resaltado al abrir. */
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important > a.nav-link {
    position:relative!important;
    padding-left:30px!important;
    font-weight:810!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#8feae6!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important > a.nav-link::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:50%;
    left:14px;
    transform:translateY(-50%);
    border-radius:50%;
    background:#52d6d0;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent > a.nav-link {color:#f0d6a8!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent > a.nav-link::before {background:#e4bf84;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-buy:has(>span.nav-mobile-trigger.show) > a.nav-link,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-buy.pg-nav-expanded > a.nav-link {
    background:rgba(8,178,177,.11)!important;
    border-color:rgba(82,214,208,.25)!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent:has(>span.nav-mobile-trigger.show) > a.nav-link,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent.pg-nav-expanded > a.nav-link {
    background:rgba(228,191,132,.09)!important;
    border-color:rgba(228,191,132,.2)!important;
  }

  /* Disparador original, con SVG premium integrado y centrado. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready {
    box-sizing:border-box!important;
    position:absolute!important;
    top:5px!important;
    right:7px!important;
    display:block!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(98,197,193,.23)!important;
    border-radius:11px!important;
    background:rgba(102,201,198,.075)!important;
    color:#87e3df!important;
    line-height:0!important;
    font-size:0!important;
    text-indent:0!important;
    vertical-align:middle!important;
    text-align:center!important;
    cursor:pointer!important;
    z-index:2;
    transition:background-color .18s,border-color .18s;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li >span.nav-mobile-trigger.pg-nav-arrow-ready {top:3px!important;right:5px!important;}
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready:hover,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready:focus-visible,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready.show {
    border-color:rgba(103,229,222,.48)!important;
    background:rgba(8,178,177,.18)!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav >li.pg-nav-important-rent >span.nav-mobile-trigger.pg-nav-arrow-ready {
    color:#eacb94!important;
    border-color:rgba(228,191,132,.26)!important;
    background:rgba(228,191,132,.085)!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav >li.pg-nav-important-rent >span.nav-mobile-trigger.pg-nav-arrow-ready:hover,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav >li.pg-nav-important-rent >span.nav-mobile-trigger.pg-nav-arrow-ready.show {
    border-color:rgba(228,191,132,.48)!important;
    background:rgba(228,191,132,.16)!important;
  }
  /* No borramos el ícono nativo: solo ocultamos su apariencia visual. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready > i.houzez-icon,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready > i.houzez-icon::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready > i.houzez-icon::after {
    display:none!important;
    content:none!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready.dropdown-toggle::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready.dropdown-toggle::after {
    content:none!important;
    display:none!important;
    border:0!important;
    background:none!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready svg.pg-nav-chevron {
    box-sizing:border-box!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
    transform-origin:50% 50%!important;
    pointer-events:none!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    transition:transform .18s ease!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready.show svg.pg-nav-chevron,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready[aria-expanded="true"] svg.pg-nav-chevron {
    transform:translate(-50%,-50%) rotate(180deg)!important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.pg-nav-arrow-ready:focus-visible {
    outline:2px solid #72e2db!important;
    outline-offset:2px;
  }

  /* Menús Bootstrap siguen en el flujo, sin clipping o altura fija. */
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu {
    box-sizing:border-box!important;
    position:static!important;
    float:none!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    margin:5px 0 12px!important;
    padding:6px!important;
    border:1px solid rgba(110,204,200,.18)!important;
    border-radius:13px!important;
    background:#2c383b!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu:not(.show){display:none!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu.show{display:block!important;visibility:visible!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li {margin:0!important;overflow:visible!important;}
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav 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-height:44px!important;
    padding:10px 53px 10px 12px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#dfeceb!important;
    font-size:13.5px!important;
    font-weight:590!important;
    line-height:1.45!important;
    white-space:normal!important;
    text-decoration:none!important;
    transition:background-color .16s,color .16s;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li >a.dropdown-item:hover,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li >a.dropdown-item:focus-visible {
    background:rgba(8,178,177,.12)!important;
    color:#a9f4ec!important;
    border-color:rgba(8,178,177,.22)!important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu ul.dropdown-menu {
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    margin:3px 6px 9px!important;
    padding:5px!important;
    background:#273337!important;
    border-color:rgba(110,204,200,.12)!important;
  }

  /* Logo original de Houzez mediante ::after, jamás clonado ni duplicado. */
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu.offcanvas-mobile-menu::after {
    content:''!important;
    display:block!important;
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    flex:none!important;
    width:160px!important;
    max-width:80%!important;
    height:120px!important;
    min-height:120px!important;
    margin:26px auto 34px!important;
    padding:16px 0 0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  /* El panel completo y su fondo se muestran por encima de flotantes de propiedades. */
  body.pg-nav-pro-enabled.pg-nav-drawer-open nav.nav-mobile {
    position:relative!important;
    z-index:2147483100!important;
  }
  body.pg-nav-pro-enabled.pg-nav-drawer-open #hz-offcanvas-mobile-menu.offcanvas-mobile-menu {z-index:2147483100!important;}
  body.pg-nav-pro-enabled.pg-nav-drawer-open .offcanvas-backdrop {z-index:2147483000!important;}

}
/* Ajustes de pantallas muy angostas, fuera de cualquier media query anidada. */
@media (max-width:359px) {
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button {min-width:78px;padding:0 8px!important;gap:5px;}
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .pg-nav-mobile-button-label {font-size:12px!important;}
}
@media (prefers-reduced-motion:reduce){
  body.pg-nav-pro-enabled #header-mobile *,
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu * {transition:none!important;animation:none!important;}
}

/* =======================================================================
   Pagliaccio Navigation Pro v1.1.0: afinación visual mobile exclusivamente.
   Se conserva Bootstrap: span.dropdown-toggle[data-bs-toggle="dropdown"].
   ======================================================================= */
@media (max-width: 991px) {
  /* Los botones de flecha recuperan la cápsula y centran el svg con grid.
     Nunca se añade un segundo control ni se reduce el objetivo táctil. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li > span.nav-mobile-trigger.pg-nav-arrow-ready {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    position: absolute !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(105,212,205,.30) !important;
    border-radius: 11px !important;
    background-color: rgba(94,193,189,.10) !important;
    color: #83e5df !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    cursor: pointer !important;
    line-height: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    text-indent: 0 !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav > li > span.nav-mobile-trigger.pg-nav-arrow-ready {
    top: 5px !important;
    right: 7px !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav ul.dropdown-menu li > span.nav-mobile-trigger.pg-nav-arrow-ready {
    top: 3px !important;
    right: 5px !important;
    border-radius: 10px !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent > span.nav-mobile-trigger.pg-nav-arrow-ready {
    color: #e8cb95 !important;
    background-color: rgba(228,191,132,.10) !important;
    border-color: rgba(228,191,132,.32) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready:is(:hover,:focus-visible,.show,[aria-expanded="true"]) {
    background-color: rgba(8,178,177,.20) !important;
    border-color: rgba(111,229,223,.55) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent > span.nav-mobile-trigger.pg-nav-arrow-ready:is(:hover,:focus-visible,.show,[aria-expanded="true"]) {
    background-color: rgba(228,191,132,.18) !important;
    border-color: rgba(228,191,132,.48) !important;
  }
  /* Indicadores de Bootstrap y del ícono original completamente invisibles.
     La clase dropdown-toggle se mantiene: forma parte del menú real. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready.dropdown-toggle::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready.dropdown-toggle::after,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready > i,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready > i::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready > i::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready > svg.pg-nav-chevron {
    box-sizing: border-box !important;
    position: static !important;
    display: block !important;
    justify-self: center !important;
    align-self: center !important;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: rotate(0deg) !important;
    transform-origin: center center !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transition: transform .18s ease !important;
    pointer-events: none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready:is(.show,[aria-expanded="true"]) > svg.pg-nav-chevron {
    transform: rotate(180deg) !important;
  }

  /* Contorno metalizado: animamos únicamente el borde del botón cerrado.
     Es decorativo, no intercepta el clic y no altera el tamaño del botón. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    border-color: rgba(8,178,177,.44) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.5px;
    pointer-events: none;
    background: conic-gradient(from var(--pgm-border-angle),
      rgba(8,178,177,.35) 0deg,
      rgba(8,178,177,.35) 155deg,
      rgba(197,255,251,.98) 187deg,
      rgba(8,178,177,.90) 220deg,
      rgba(8,178,177,.35) 252deg,
      rgba(8,178,177,.35) 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .95;
    z-index: 1;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready:not(.pg-nav-drawer-open) #header-mobile button.pg-nav-mobile-button::before {
    animation: pgm-border-lap 4.6s linear infinite;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button:focus-visible {
    outline: 2px solid #a6f2eb !important;
    outline-offset: 3px !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button:active {
    transform: scale(.98);
  }
}
@property --pgm-border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes pgm-border-lap {
  from { --pgm-border-angle: 0deg; }
  to { --pgm-border-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile button.pg-nav-mobile-button::before {
    animation: none !important;
    opacity: .6 !important;
  }
}


/* -----------------------------------------------------------------------
   v1.1.0 hotfix: forzamos la desaparición del indicador nativo de Houzez
   y reforzamos la cápsula de cada flecha en mobile.
   ----------------------------------------------------------------------- */
@media (max-width: 991px) {
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger::after,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i::after {
    background-image: none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger::after,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger > i::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready > svg.pg-nav-chevron {
    position: static !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    justify-self: center !important;
    align-self: center !important;
    pointer-events: none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav span.nav-mobile-trigger.pg-nav-arrow-ready:is(:hover,:focus-visible,.show,[aria-expanded="true"]) {
    background-color: rgba(8,178,177,.20) !important;
    border-color: rgba(111,229,223,.55) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav > li.pg-nav-important-rent > span.nav-mobile-trigger.pg-nav-arrow-ready:is(:hover,:focus-visible,.show,[aria-expanded="true"]) {
    background-color: rgba(228,191,132,.18) !important;
    border-color: rgba(228,191,132,.48) !important;
  }
}

/* 1.1.1: one visible arrow, independent of trigger tag / Bootstrap attribute. */
@media (max-width:991px) {
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready {
    border:1.5px solid rgba(105,212,205,.65) !important;
    box-shadow:inset 0 0 0 1px rgba(105,212,205,.14) !important;
    background-image:none !important;
    -webkit-appearance:none;appearance:none;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-important-rent > .pg-nav-arrow-ready {
    border-color:rgba(228,191,132,.70) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready::before,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready::after,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-has-trigger > a::after {
    content:none !important;display:none !important;
    border:0 !important;background-image:none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready > :not(svg.pg-nav-chevron) {
    display:none !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready > svg.pg-nav-chevron {
    display:block !important;position:static !important;
    width:19px !important;height:19px !important;margin:0 !important;padding:0 !important;
    fill:none !important;stroke:currentColor !important;stroke-width:2.4 !important;
    stroke-linecap:round !important;stroke-linejoin:round !important;
    pointer-events:none !important;transform:rotate(0deg) !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #hz-offcanvas-mobile-menu #mobile-main-nav .pg-nav-arrow-ready[aria-expanded="true"] > svg.pg-nav-chevron {
    transform:rotate(180deg) !important;
  }
}

/* 1.1.4: compact header aligned with the mobile hero outer edges. */
@media (max-width:991px) {
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile {
    display:flex !important;justify-content:space-between !important;
    align-items:center !important;gap:10px;
    height:60px !important;min-height:60px !important;max-height:60px !important;
    width:100% !important;box-sizing:border-box !important;
    padding:0 18px !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile > .header-mobile-center {
    position:static !important;inset:auto !important;transform:none !important;
    order:0;flex:0 1 auto !important;min-width:0 !important;
    width:auto !important;max-width:160px !important;
    display:flex !important;align-items:center !important;justify-content:flex-start !important;
    margin:0 !important;padding:0 !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile > .header-mobile-left {
    order:1;flex:0 0 auto !important;width:auto !important;margin:0 0 0 auto !important;padding:0 !important;
    position:static !important;
  }
  /* Houzez's empty wrapper contains whitespace, so :empty does not match it. */
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile > .header-mobile-right:not(:has(*)) {display:none !important;}
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile > .header-mobile-right:has(*) {order:2;flex:0 0 auto;}
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .logo-mobile,
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .logo-mobile > a {
    display:block !important;width:auto !important;max-width:160px !important;margin:0 !important;padding:0 !important;
  }
  body.pg-nav-pro-enabled.pg-nav-mobile-ready #header-mobile .logo-mobile img {
    display:block !important;width:auto !important;max-width:160px !important;
    height:44px !important;max-height:44px !important;object-fit:contain;
    margin:0 !important;transform:none !important;filter:none !important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu.pg-nav-right-drawer {
    left:auto !important;right:0 !important;
    border-right:0 !important;border-left:1px solid rgba(108,208,204,.22) !important;
    box-shadow:-20px 0 60px rgba(0,0,0,.31) !important;
    transform:translateX(100%) !important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu.pg-nav-right-drawer:is(.show,.showing) {
    transform:translateX(0) !important;
  }
  body.pg-nav-pro-enabled #hz-offcanvas-mobile-menu.pg-nav-right-drawer.hiding {
    transform:translateX(100%) !important;
  }
}

/* 1.1.6: tablet header aligned with the real outer Hero Mobile card. */
@media (min-width:768px) and (max-width:1366px) {
  body.pg-nav-pro-enabled #header-mobile.pg-nav-tablet-aligned {
    padding-left:var(--pg-nav-tablet-left, 26px) !important;
    padding-right:var(--pg-nav-tablet-right, 26px) !important;
  }
}
