/* =========================================================
   VALENZUELA PROPIEDADES — V30
   Navbar idéntico al index + Venta/Arriendo 4x4, 16 por página
   ========================================================= */

/* --- NAVBAR: neutraliza colores azules heredados del catálogo --- */
body.internal-index-shell .main-nav .nav-link,
body.internal-index-shell[data-page="propiedades"] .main-nav .nav-link{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#444a4f!important;
}

body.internal-index-shell .main-nav .nav-link:hover,
body.internal-index-shell .main-nav .nav-link.active,
body.internal-index-shell[data-page="propiedades"] .main-nav .nav-link:hover,
body.internal-index-shell[data-page="propiedades"] .main-nav .nav-link.active{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--vp-red)!important;
}

/* Propiedades es dropdown: conservar flecha Bootstrap y usar underline con ::before */
body.internal-index-shell .main-nav .nav-item.dropdown > .nav-link.active::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:18px!important;
  bottom:20px!important;
  height:2px!important;
  background:var(--vp-red)!important;
  border-radius:3px!important;
}
body.internal-index-shell .main-nav.compact .nav-item.dropdown > .nav-link.active::before{
  bottom:14px!important;
}
body.internal-index-shell .main-nav .nav-item.dropdown > .nav-link.active::after{
  display:inline-block!important;
  position:static!important;
  width:0!important;
  height:0!important;
  margin-left:.255em!important;
  vertical-align:.255em!important;
  content:""!important;
  border-top:.3em solid!important;
  border-right:.3em solid transparent!important;
  border-bottom:0!important;
  border-left:.3em solid transparent!important;
  background:transparent!important;
  border-radius:0!important;
}

/* Botón Contáctanos EXACTO al index: charcoal, no rojo */
body.internal-index-shell .btn-contact-nav,
body.internal-index-shell[data-page="propiedades"] .btn-contact-nav{
  background:#242b31!important;
  background-image:none!important;
  color:#fff!important;
  border:0!important;
  border-radius:7px!important;
  padding:11px 18px!important;
  box-shadow:0 4px 12px rgba(20,26,32,.13)!important;
  transition:all .22s ease!important;
}
body.internal-index-shell .btn-contact-nav:hover,
body.internal-index-shell[data-page="propiedades"] .btn-contact-nav:hover{
  background:#171d22!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(20,26,32,.16)!important;
}

/* Dropdown igual al index */
body.internal-index-shell .main-nav .dropdown-menu{
  margin-top:0!important;
  border:1px solid #eceff1!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(19,28,38,.14)!important;
  padding:7px!important;
}
body.internal-index-shell .main-nav .dropdown-item{
  border-radius:6px!important;
  color:#4a4a46!important;
  font-weight:600!important;
  font-size:.84rem!important;
  padding:9px 12px!important;
}
body.internal-index-shell .main-nav .dropdown-item:hover,
body.internal-index-shell .main-nav .dropdown-item:focus{
  color:var(--vp-red)!important;
  background:#fff5f5!important;
}

/* --- VENTA / ARRIENDO: no mapa, 4 columnas, 16 propiedades --- */
body[data-page="propiedades"] .catalog-page.operation-listing-mode{
  background:#fff!important;
}
body[data-page="propiedades"] .operation-listing-mode .catalog-hero{
  margin-bottom:24px!important;
}
body[data-page="propiedades"] .operation-listing-mode #catalogGrid.catalog-operation-listing{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body[data-page="propiedades"] .operation-listing-mode #catalogMapWrap,
body[data-page="propiedades"] .operation-listing-mode #propertiesMap,
body[data-page="propiedades"] .operation-listing-mode .catalog-view-switch{
  display:none!important;
}
body[data-page="propiedades"] .operation-listing-mode #catalogResultsV83{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
body[data-page="propiedades"] .operation-listing-mode #catalogList{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  align-items:stretch!important;
}
body[data-page="propiedades"] .operation-listing-mode #catalogList > *{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
body[data-page="propiedades"] .operation-listing-mode .catalog-home-card-v18,
body[data-page="propiedades"] .operation-listing-mode .property-card{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-width:0!important;
}
body[data-page="propiedades"] .operation-listing-mode .property-image,
body[data-page="propiedades"] .operation-listing-mode .property-media{
  height:245px!important;
  min-height:245px!important;
}
body[data-page="propiedades"] .operation-listing-mode .property-image img,
body[data-page="propiedades"] .operation-listing-mode .property-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Identidad corporativa roja en catálogo Venta/Arriendo */
body[data-page="propiedades"] .operation-listing-mode .section-kicker,
body[data-page="propiedades"] .operation-listing-mode .price,
body[data-page="propiedades"] .operation-listing-mode .property-price{
  color:#b40000!important;
}
body[data-page="propiedades"] .operation-listing-mode .btn-brand,
body[data-page="propiedades"] .operation-listing-mode .btn-primary,
body[data-page="propiedades"] .operation-listing-mode .btn-detail{
  background:#b40000!important;
  border-color:#b40000!important;
  color:#fff!important;
}
body[data-page="propiedades"] .operation-listing-mode .btn-brand:hover,
body[data-page="propiedades"] .operation-listing-mode .btn-primary:hover,
body[data-page="propiedades"] .operation-listing-mode .btn-detail:hover{
  background:#b40000!important;
  border-color:#b40000!important;
}

/* Paginación corporativa */
body[data-page="propiedades"] .operation-listing-mode .catalog-page-link-v82.is-active{
  background:#b40000!important;
  border-color:#b40000!important;
  color:#fff!important;
}
body[data-page="propiedades"] .operation-listing-mode .catalog-page-link-v82:hover:not(.is-disabled){
  border-color:#b40000!important;
  color:#b40000!important;
}

@media (max-width:1199.98px){
  body[data-page="propiedades"] .operation-listing-mode #catalogList{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:991.98px){
  body[data-page="propiedades"] .operation-listing-mode #catalogList{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="propiedades"] .main-nav .nav-item.dropdown > .nav-link.active::before{
    display:none!important;
  }
}
@media (max-width:575.98px){
  body[data-page="propiedades"] .operation-listing-mode #catalogList{
    grid-template-columns:1fr!important;
  }
  body[data-page="propiedades"] .operation-listing-mode .property-image,
  body[data-page="propiedades"] .operation-listing-mode .property-media{
    height:260px!important;
    min-height:260px!important;
  }
}