/* =========================================================
   VALENZUELA PROPIEDADES V21 — MANROPE + TEMUCO
   ========================================================= */

:root{
  --vp-font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --vp-card-photo-height:220px;
}

/* Tipografía unificada */
html,body,
button,input,select,textarea,
.navbar,.nav-link,.navbar-contact-btn,
.section-kicker,.section-title,
.property-card,.property-body,.property-name,.property-loc,.price,.detail-btn,
.catalog-page,.catalog-filter,.catalog-toolbar,
.catalog-home-card-v18,.map-property-popup,
.premium-footer,.advisor-section,.premium-showcase-section{
  font-family:var(--vp-font)!important;
}

h1,h2,h3,h4,h5,h6,
.section-title,.property-name,.catalog-toolbar h2,.catalog-hero h1,
.premium-showcase-content h3,.advisor-copy h2{
  font-family:var(--vp-font)!important;
}

/* Mantener solo la frase manuscrita del Hero */
.script{font-family:'Satisfy',cursive!important}

/* Títulos de propiedad como la referencia: Manrope, compactos y en mayúsculas */
.property-card .property-name,
.catalog-home-card-v18 .property-name{
  font-family:var(--vp-font)!important;
  font-size:16px!important;
  line-height:1.28!important;
  font-weight:800!important;
  letter-spacing:-.25px!important;
  text-transform:uppercase!important;
  min-height:42px!important;
  margin-bottom:7px!important;
}

/* Fotos exactamente a la misma altura */
.property-card .property-image,
.catalog-home-card-v18 .property-image{
  height:var(--vp-card-photo-height)!important;
  min-height:var(--vp-card-photo-height)!important;
  max-height:var(--vp-card-photo-height)!important;
  overflow:hidden!important;
}
.property-card .property-image img,
.catalog-home-card-v18 .property-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Carruseles portada: misma altura y alineación */
body:not([data-page]) .property-track{
  align-items:stretch!important;
}
body:not([data-page]) .property-card{
  height:100%!important;
}

/* Vista catálogo normal y mapa: misma foto y mismo título */
body[data-page='propiedades'] .catalog-home-card-v18 .property-image{
  height:var(--vp-card-photo-height)!important;
  min-height:var(--vp-card-photo-height)!important;
  max-height:var(--vp-card-photo-height)!important;
}
body[data-page='propiedades'] .catalog-home-card-v18 .property-name{
  font-size:16px!important;
  line-height:1.28!important;
  min-height:42px!important;
}

/* Mapa: prioridad visual Temuco y tipografía Manrope en popups */
body[data-page='propiedades'] .leaflet-container,
body[data-page='propiedades'] .leaflet-popup-content,
body[data-page='propiedades'] .leaflet-control{
  font-family:var(--vp-font)!important;
}
body[data-page='propiedades'] .catalog-map{
  background:#d8e6ee!important;
}

/* En el mapa, mantener exactamente dos columnas de cards en desktop ancho */
@media (min-width:1200px){
  body[data-page='propiedades'] .catalog-grid.catalog-view-map .catalog-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page='propiedades'] .catalog-grid.catalog-view-map .catalog-home-card-v18 .property-image{
    height:var(--vp-card-photo-height)!important;
    min-height:var(--vp-card-photo-height)!important;
    max-height:var(--vp-card-photo-height)!important;
  }
  body[data-page='propiedades'] .catalog-grid.catalog-view-map .catalog-home-card-v18 .property-name{
    font-size:15px!important;
    line-height:1.27!important;
    min-height:58px!important;
  }
}

@media (max-width:767.98px){
  :root{--vp-card-photo-height:230px}
  .property-card .property-name,
  .catalog-home-card-v18 .property-name{
    font-size:15.5px!important;
  }
}

/* Override explícito de V20: misma altura en todos los carruseles de portada */
body:not([data-page]) .property-card .property-image{
  height:var(--vp-card-photo-height)!important;
  min-height:var(--vp-card-photo-height)!important;
  max-height:var(--vp-card-photo-height)!important;
}
body:not([data-page]) .property-card .property-name{
  font-family:var(--vp-font)!important;
  font-size:16px!important;
  line-height:1.28!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  min-height:42px!important;
}