/* =========================================================
   V22.5.12 — CATÁLOGO / VENTA / ARRIENDO
   Mantiene la funcionalidad original y adopta la identidad
   V22 de SAHR Propiedades. No modifica la portada.
   ========================================================= */
body[data-page="propiedades"]{
  --brand:#0d7ec8!important;
  --brand-dark:#075f9e!important;
  --brand-soft:#eaf7fc!important;
  --ink:#0b1d35!important;
  --muted:#67768b!important;
  --line:#dbe8f2!important;
  --page:#f3f7fa!important;
  font-family:'Manrope',sans-serif!important;
  color:var(--ink)!important;
  background:#f3f7fa!important;
}

/* Navbar: usa la misma identidad visual que la portada. */
body[data-page="propiedades"] .premium-navbar{z-index:1040!important}
body[data-page="propiedades"] .nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,#082b5b,#0d7ec8)!important;
  box-shadow:0 5px 14px rgba(6,54,104,.18)!important;
}
body[data-page="propiedades"] .nav-link:hover{color:#0d7ec8!important}
body[data-page="propiedades"] .nav-phone,
body[data-page="propiedades"] .nav-phone-icon{color:#0d7ec8!important}
body[data-page="propiedades"] .btn-nav-cta{
  background:linear-gradient(135deg,#0d7ec8,#12b7df)!important;
  color:#fff!important;
  border:0!important;
}

/* Catálogo general */
body[data-page="propiedades"] .catalog-page{
  background:#f3f7fa!important;
  padding-top:48px!important;
  padding-bottom:56px!important;
}
body[data-page="propiedades"] .catalog-page .container-xl{max-width:1460px!important}
body[data-page="propiedades"] .catalog-hero{margin-bottom:22px!important}
body[data-page="propiedades"] .catalog-hero h1{
  font-family:'Manrope',sans-serif!important;
  font-size:clamp(2.15rem,3vw,3.15rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
  color:#061f45!important;
}
body[data-page="propiedades"] .catalog-hero .section-kicker{
  color:#0d7ec8!important;
  font-size:.72rem!important;
  letter-spacing:.14em!important;
  font-weight:800!important;
}
body[data-page="propiedades"] .catalog-hero .lead-copy{color:#67768b!important}

/* Botones Listado / Mapa + Venta / Arriendo / filtros: sin rojo */
body[data-page="propiedades"] .btn-brand,
body[data-page="propiedades"] .btn-brand:visited{
  background:linear-gradient(135deg,#0d7ec8,#12b7df)!important;
  border-color:#0d7ec8!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(13,126,200,.18)!important;
}
body[data-page="propiedades"] .btn-brand:hover,
body[data-page="propiedades"] .btn-brand:focus{
  background:linear-gradient(135deg,#082b5b,#0d7ec8)!important;
  border-color:#0d7ec8!important;
  color:#fff!important;
}
body[data-page="propiedades"] .btn-outline-brand{
  border-color:#91cfe7!important;
  color:#075f9e!important;
  background:#fff!important;
}
body[data-page="propiedades"] .btn-outline-brand:hover,
body[data-page="propiedades"] .btn-outline-brand.active,
body[data-page="propiedades"] .currency-toggle.active{
  background:#0d7ec8!important;
  border-color:#0d7ec8!important;
  color:#fff!important;
}
body[data-page="propiedades"] .catalog-view-switch .btn{
  min-width:125px!important;
  border-radius:12px!important;
  font-weight:800!important;
}

/* Filtros */
body[data-page="propiedades"] .catalog-filter{
  background:#fff!important;
  border:1px solid #dbe8f2!important;
  border-radius:20px!important;
  padding:20px!important;
  box-shadow:0 8px 25px rgba(6,31,69,.07)!important;
}
body[data-page="propiedades"] .catalog-filter .form-label{
  color:#3b4b61!important;
  font-family:'Manrope',sans-serif!important;
  font-size:.76rem!important;
  font-weight:800!important;
}
body[data-page="propiedades"] .catalog-filter .form-select{
  min-height:49px!important;
  border:1px solid #d7e4ed!important;
  border-radius:12px!important;
  color:#34445a!important;
  font-family:'Manrope',sans-serif!important;
}
body[data-page="propiedades"] .catalog-filter .form-select:focus{
  border-color:#61c3df!important;
  box-shadow:0 0 0 .2rem rgba(18,183,223,.12)!important;
}

/* Scrollbar del listado mapa: corporativa */
body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list{
  scrollbar-color:rgba(13,126,200,.42) #eaf2f7!important;
}
body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar-track{background:#eaf2f7!important}
body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar-thumb{background:rgba(13,126,200,.48)!important}

/* Cards — soporta tanto las clases antiguas del sistema como las V22 dinámicas. */
body[data-page="propiedades"] .property-card{
  background:#fff!important;
  border:1px solid #dce7ef!important;
  box-shadow:0 2px 8px rgba(6,31,69,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body[data-page="propiedades"] .property-card:hover{
  transform:translateY(-3px)!important;
  border-color:#c7dce9!important;
  box-shadow:0 11px 28px rgba(6,31,69,.12)!important;
}
body[data-page="propiedades"] .property-card__location i,
body[data-page="propiedades"] .property-location i,
body[data-page="propiedades"] .property-card__prices strong,
body[data-page="propiedades"] .property-price,
body[data-page="propiedades"] .map-property-popup .map-popup-price,
body[data-page="propiedades"] .map-property-popup .map-popup-location i{color:#0d7ec8!important}
body[data-page="propiedades"] .mini-logo{border-color:#12b7df!important;color:#0d7ec8!important}
body[data-page="propiedades"] .property-card__footer .btn,
body[data-page="propiedades"] .property-detail-btn-v7{
  background:linear-gradient(135deg,#0d7ec8,#12b7df)!important;
  border-color:#0d7ec8!important;
  color:#fff!important;
}
body[data-page="propiedades"] .property-badge,
body[data-page="propiedades"] .badge-property{background:#0d7ec8!important;color:#fff!important}
/* La cinta SE VENDE puede seguir roja: es un indicador de estado, no el color principal del sitio. */
body[data-page="propiedades"] .property-state-ribbon,
body[data-page="propiedades"] .sale-ribbon-v8{background:#ef1625!important;color:#fff!important}
body[data-page="propiedades"] .favorite-btn.active{color:#0d7ec8!important}

/* Popups mapa */
body[data-page="propiedades"] .map-property-popup .btn-brand,
body[data-page="propiedades"] .map-property-popup .btn-brand:visited,
body[data-page="propiedades"] .map-property-popup .btn-brand:hover,
body[data-page="propiedades"] .map-property-popup .btn-brand:focus{
  background:#0d7ec8!important;
  border-color:#0d7ec8!important;
  color:#fff!important;
}

/* Footer EXACTAMENTE con la identidad de la portada V22. */
body[data-page="propiedades"] .site-footer.site-footer-v7{
  padding:0!important;
  border-top:0!important;
  background:linear-gradient(118deg,#06192f 0%,#071f3f 54%,#062958 100%)!important;
  color:#fff!important;
}
body[data-page="propiedades"] .site-footer-v7 .footer-top-line{
  height:3px!important;
  background:linear-gradient(90deg,#10acd3,#0789c8,#f5a20a)!important;
}
body[data-page="propiedades"] .site-footer-v7 .footer-main-v7{
  padding-top:42px!important;
  padding-bottom:18px!important;
}
body[data-page="propiedades"] .site-footer-v7 .footer-brand-v7{
  display:inline-flex!important;
  align-items:center!important;
  background:#fff!important;
  border-radius:11px!important;
  padding:2px 12px!important;
  margin-bottom:15px!important;
}
body[data-page="propiedades"] .site-footer-v7 .footer-brand-v7 img{
  height:84px!important;
  width:auto!important;
  max-width:210px!important;
  object-fit:contain!important;
}
body[data-page="propiedades"] .site-footer-v7 h3{
  font-size:1.05rem!important;
  font-weight:900!important;
  margin-bottom:15px!important;
  color:#fff!important;
}
body[data-page="propiedades"] .site-footer-v7 p,
body[data-page="propiedades"] .site-footer-v7 li,
body[data-page="propiedades"] .site-footer-v7 a{
  font-family:'Manrope',sans-serif!important;
  font-size:.88rem!important;
  line-height:1.65!important;
  color:rgba(255,255,255,.78)!important;
}
body[data-page="propiedades"] .site-footer-v7 ul{padding:0!important;margin:0!important;list-style:none!important}
body[data-page="propiedades"] .site-footer-v7 li{margin-bottom:7px!important}
body[data-page="propiedades"] .site-footer-v7 a:hover{color:#67ddf1!important}
body[data-page="propiedades"] .site-footer-v7 .social-links-v7{display:flex!important;gap:8px!important}
body[data-page="propiedades"] .site-footer-v7 .social-links-v7 a{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.05)!important;color:#d9f8ff!important;font-size:.92rem!important;
}
body[data-page="propiedades"] .site-footer-v7 .contact-list-v20{display:grid!important;gap:12px!important}
body[data-page="propiedades"] .site-footer-v7 .contact-list-v20 li{display:flex!important;gap:12px!important;margin:0!important}
body[data-page="propiedades"] .site-footer-v7 .contact-list-v20 li i{width:18px!important;margin-top:4px!important;color:#63d5ef!important;text-align:center!important}
body[data-page="propiedades"] .site-footer-v7 .footer-bottom-v7{
  margin-top:28px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.13)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  font-size:.72rem!important;color:rgba(255,255,255,.58)!important;
}
body[data-page="propiedades"] .site-footer-v7 .footer-bottom-v7>div{display:flex!important;gap:20px!important}
body[data-page="propiedades"] .site-footer-v7 .footer-bottom-v7 a{font-size:.72rem!important}

/* Flotantes con sus colores de marca; scroll/WhatsApp corporativos. */
body[data-page="propiedades"] .scroll-top-btn{background:#159ed3!important;color:#fff!important}
body[data-page="propiedades"] .whatsapp-btn{background:#25d366!important;color:#fff!important}

@media(max-width:991.98px){
  body[data-page="propiedades"] .site-footer-v7 .footer-main-v7{padding-top:36px!important;padding-bottom:18px!important}
  body[data-page="propiedades"] .catalog-page{padding-top:38px!important}
}
@media(max-width:767.98px){
  body[data-page="propiedades"] .catalog-page{padding-top:30px!important;padding-bottom:42px!important}
  body[data-page="propiedades"] .site-footer-v7 .footer-main-v7{padding-top:32px!important;padding-bottom:90px!important}
  body[data-page="propiedades"] .site-footer-v7 .footer-bottom-v7{flex-direction:column!important;align-items:flex-start!important}
}

/* =========================================================
   V22.5.17 — MAPA / LISTADO: MISMA ALTURA + SCROLL COMPLETO
   ========================================================= */
@media (min-width:992px){
  body[data-page="propiedades"] .catalog-grid.catalog-view-map{
    --catalog-panel-height:max(680px, calc(100vh - var(--nav-small, 72px) - 28px));
    align-items:start!important;
  }

  /* La columna de propiedades mide exactamente lo mismo que el mapa. */
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list{
    height:var(--catalog-panel-height)!important;
    min-height:var(--catalog-panel-height)!important;
    max-height:var(--catalog-panel-height)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:start!important;
    grid-auto-rows:max-content!important;
    padding:2px 10px 28px 2px!important;
    scroll-padding-top:4px!important;
    scroll-padding-bottom:28px!important;
    overscroll-behavior:contain;
  }

  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-map-wrap{
    height:var(--catalog-panel-height)!important;
    min-height:var(--catalog-panel-height)!important;
    max-height:var(--catalog-panel-height)!important;
  }

  /* Evita que una fila/card quede visualmente cortada al final del panel. */
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::after{
    content:"";
    display:block;
    height:2px;
    grid-column:1/-1;
  }

  /* Scroll más visible y coherente con el sitio. */
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar{
    width:9px!important;
  }
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar-track{
    background:#e8f2f7!important;
    border-radius:999px!important;
  }
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#0d7ec8,#12b7df)!important;
    border:2px solid #e8f2f7!important;
    border-radius:999px!important;
  }
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#075f9e,#0d7ec8)!important;
  }
}

/* En tablet/móvil se mantiene el comportamiento normal: mapa arriba y listado completo abajo. */
@media (max-width:991.98px){
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-list{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  body[data-page="propiedades"] .catalog-grid.catalog-view-map .catalog-map-wrap{
    min-height:0!important;
    max-height:none!important;
  }
}


/* =========================================================
   V22.6.23 — FILTROS MÓVILES TIPO MENÚ HAMBURGUESA
   En escritorio la barra conserva su aspecto original.
   ========================================================= */
.catalog-filter-toggle-v623{
  width:100%;min-height:48px;border:1px solid #91cfe7;border-radius:12px;
  background:#fff;color:#075f9e;padding:0 14px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;font-family:'Manrope',sans-serif;
  font-size:.86rem;font-weight:800;box-shadow:0 3px 10px rgba(6,31,69,.04)
}
.catalog-filter-toggle-v623>span{display:flex;align-items:center;gap:10px}
.catalog-filter-toggle-v623>span>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eaf7fc;color:#0d7ec8}
.catalog-filter-toggle-chevron-v623{font-size:.72rem;transition:transform .2s ease}
.catalog-filter-collapsible-v623.is-open-v623 .catalog-filter-toggle-chevron-v623{transform:rotate(180deg)}

@media (min-width:992px){
  body[data-page="propiedades"] .catalog-filter-body-v623{display:block!important}
}
@media (max-width:991.98px){
  body[data-page="propiedades"] .catalog-filter-collapsible-v623{padding:12px!important}
  body[data-page="propiedades"] .catalog-filter-body-v623{display:none;margin-top:12px}
  body[data-page="propiedades"] .catalog-filter-collapsible-v623.is-open-v623 .catalog-filter-body-v623{display:block}
  body[data-page="propiedades"] .catalog-filter-body-v623 .row{margin:0!important}
  body[data-page="propiedades"] .catalog-filter-body-v623 .row>[class*="col-"]{padding-left:0!important;padding-right:0!important}
}
@media (max-width:767.98px){
  body[data-page="propiedades"] .catalog-filter-toggle-v623{min-height:46px;font-size:.82rem}
  body[data-page="propiedades"] .catalog-filter-collapsible-v623{border-radius:15px!important}
}
\n\n/* SAHR V22.6.27 — colores de huincha según property_state/operation */
.sale-ribbon-v8.ribbon-sale-v27{background:#e20b17!important;color:#fff!important;text-shadow:none!important}
.sale-ribbon-v8.ribbon-rent-v27{background:#f5c400!important;color:#171717!important;text-shadow:none!important;box-shadow:0 5px 14px rgba(114,86,0,.24)!important}
.favorite-btn{display:none!important}