/* =========================================================
   VALENZUELA PROPIEDADES V37
   Propiedades corporativo + footer + CTA + tamaños
   ========================================================= */

:root{
  --v37-red:#b40000;
  --v37-red-dark:#b40000;
  --v37-gold:#dca11f;
  --v37-ink:#202630;
}

/* =========================================================
   PROPIEDADES.PHP — NO AZUL EN LA INTERFAZ
   ========================================================= */

body[data-page="propiedades"]{
  --brand:var(--v37-red)!important;
  --brand-dark:var(--v37-red-dark)!important;
  --accent:var(--v37-gold)!important;
  --ink:var(--v37-ink)!important;
}

/* Kicker, títulos y elementos UI */
body[data-page="propiedades"] .section-kicker,
body[data-page="propiedades"] .catalog-hero .section-kicker{
  color:var(--v37-red)!important;
}

body[data-page="propiedades"] .catalog-hero h1{
  color:#151a22!important;
}

body[data-page="propiedades"] .catalog-view-switch .btn-brand,
body[data-page="propiedades"] .catalog-filter .btn-brand{
  background:linear-gradient(180deg,#b40000,#b40000)!important;
  border-color:#b40000!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(180,0,0,.15)!important;
}

body[data-page="propiedades"] .catalog-view-switch .btn-outline-brand,
body[data-page="propiedades"] .catalog-filter .btn-outline-brand{
  background:#fff!important;
  border-color:#d8a6a6!important;
  color:var(--v37-red)!important;
}

body[data-page="propiedades"] .catalog-view-switch .btn-outline-brand:hover,
body[data-page="propiedades"] .catalog-filter .btn-outline-brand:hover{
  background:#fff4f4!important;
  border-color:var(--v37-red)!important;
  color:#b40000!important;
}

/* Moneda Pesos: rojo corporativo */
body[data-page="propiedades"] .currency-toggle,
body[data-page="propiedades"] .currency-toggle.active,
body[data-page="propiedades"] .currency-toggle.btn-outline-brand,
body[data-page="propiedades"] .btn-group .currency-toggle{
  background:linear-gradient(180deg,#b40000,#b40000)!important;
  border-color:#b40000!important;
  color:#fff!important;
  opacity:1!important;
  box-shadow:0 5px 13px rgba(180,0,0,.13)!important;
}

/* Toggle filtros móvil */
body[data-page="propiedades"] .catalog-filter-toggle-v623{
  color:#7b0000!important;
  border-color:#eadada!important;
  background:#fff!important;
}
body[data-page="propiedades"] .catalog-filter-toggle-v623>span>i{
  background:#fff0f0!important;
  color:var(--v37-red)!important;
}

/* Foco inputs/selects en rojo, no azul */
body[data-page="propiedades"] .form-control:focus,
body[data-page="propiedades"] .form-select:focus{
  border-color:#cf8585!important;
  box-shadow:0 0 0 .2rem rgba(180,0,0,.09)!important;
}

/* Cards / mapa / badges */
body[data-page="propiedades"] .catalog-home-card-v18 .property-loc i,
body[data-page="propiedades"] .map-property-popup .map-popup-location i,
body[data-page="propiedades"] .favorite-btn.active{
  color:var(--v37-red)!important;
}

body[data-page="propiedades"] .badge-property{
  background:var(--v37-red)!important;
  color:#fff!important;
}

body[data-page="propiedades"] .mini-logo{
  border-color:#e2b8b8!important;
  color:var(--v37-red)!important;
}

body[data-page="propiedades"] .map-property-popup .btn,
body[data-page="propiedades"] .map-popup-detail{
  background:var(--v37-red)!important;
  border-color:var(--v37-red)!important;
  color:#fff!important;
}

/* Solo la flecha/controles UI: rojo. Las redes conservan colores oficiales. */
body[data-page="propiedades"] .scroll-top-btn,
body[data-page="propiedades"] .floating-scroll-btn{
  background:#fff!important;
  border-color:#e2e5e9!important;
  color:#4b5563!important;
}

/* =========================================================
   PROPIEDADES.PHP — NO ESPACIO BLANCO DESPUÉS DEL FOOTER
   ========================================================= */

html:has(body[data-page="propiedades"]),
body[data-page="propiedades"]{
  min-height:100%!important;
  background:#111317!important;
}

body[data-page="propiedades"]{
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}

body[data-page="propiedades"] .internal-v16-main{
  flex:1 0 auto!important;
  width:100%!important;
  background:#fff!important;
}

/* Si la página es corta, empuja la franja social/footer al fondo */
body[data-page="propiedades"] .social-band{
  margin-top:auto!important;
  flex:0 0 auto!important;
}

body[data-page="propiedades"] .premium-footer{
  flex:0 0 auto!important;
  margin:0!important;
}

/* Evita que quede blanco por un fondo heredado tras el footer */
body[data-page="propiedades"] > :last-child{
  margin-bottom:0!important;
}

/* =========================================================
   CONTACTO — QR CORPORATIVO
   ========================================================= */
body[data-page="contacto"] .contact-qr img{
  object-fit:contain!important;
  background:#fff!important;
  padding:10px!important;
}

/* =========================================================
   INDEX — BOTONES CTA CORRECTAMENTE CENTRADOS
   ========================================================= */

.advisor-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.advisor-actions .btn{
  min-height:48px!important;
  height:48px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  line-height:1!important;
  font-size:12.5px!important;
  font-weight:850!important;
}

.advisor-actions .btn i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:1!important;
  font-size:14px!important;
}

.advisor-copy p{
  font-size:14px!important;
  line-height:1.65!important;
}

/* =========================================================
   INDEX — PILLS ASESORÍA MÁS GRANDES
   ========================================================= */
.advisor-pill{
  gap:13px!important;
  padding:19px 21px!important;
}

.advisor-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
}

.advisor-pill strong{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  color:#222a35!important;
  margin-bottom:4px!important;
}

.advisor-pill small{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:#7b8594!important;
}

/* =========================================================
   INDEX — MÉTRICAS MÁS GRANDES
   ========================================================= */
.metric-item{
  gap:15px!important;
}

.metric-item>i{
  font-size:30px!important;
}

.metric-item strong{
  display:block!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

.metric-item span{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:550!important;
  color:#6e798a!important;
}

/* =========================================================
   TESTIMONIOS — scroll suave para autoplay
   ========================================================= */
.premium-testimonial-grid{
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
}

.premium-testimonial{
  scroll-snap-align:start!important;
}

@media(max-width:767.98px){
  .advisor-actions .btn{
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    font-size:12px!important;
  }

  .advisor-pill strong{
    font-size:12px!important;
  }

  .advisor-pill small{
    font-size:10px!important;
  }

  .metric-item strong{
    font-size:22px!important;
  }

  .metric-item span{
    font-size:10.5px!important;
  }
}

/* =========================================================
   V56 — fondo dinámico real para bloque Asesoría
   La fotografía se renderiza como <img>, no como CSS background.
   Esto evita conflictos entre hojas antiguas y garantiza que
   el archivo seleccionado en Admin > Portada sea el visible.
   ========================================================= */
body:not([data-page]) .advisor-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#0b121d!important;
}
body:not([data-page]) .advisor-section .advisor-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#0b121d!important;
  transform:none!important;
  filter:none!important;
}
body:not([data-page]) .advisor-section .advisor-bg::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(8,13,22,.90) 0%,rgba(8,15,25,.72) 42%,rgba(8,17,29,.32) 72%,rgba(8,16,27,.16) 100%)!important;
}
body:not([data-page]) .advisor-section .advisor-bg-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  opacity:1!important;
  filter:saturate(1.05) contrast(1.03)!important;
}
body:not([data-page]) .advisor-section::before{
  z-index:1!important;
  pointer-events:none!important;
}
body:not([data-page]) .advisor-section .advisor-inner{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:991.98px){
  body:not([data-page]) .advisor-section .advisor-bg::after{
    background:linear-gradient(180deg,rgba(8,13,22,.88) 0%,rgba(8,15,25,.64) 52%,rgba(8,16,27,.32) 100%)!important;
  }
  body:not([data-page]) .advisor-section .advisor-bg-image{object-position:center center!important}
}

/* =========================================================
   V57 — CARRUSELES DE PROPIEDADES MÁS COMPACTOS
   Reduce el espacio blanco entre Destacadas, Venta y Arriendo
   sin alterar las cards ni los controles del carrusel.
   ========================================================= */
body:not([data-page]) main#inicio > #propiedades.section,
body:not([data-page]) main#inicio > #venta.section,
body:not([data-page]) main#inicio > #arriendo.section{
  padding-bottom:0!important;
  margin-bottom:0!important;
}

body:not([data-page]) main#inicio > #venta.section,
body:not([data-page]) main#inicio > #arriendo.section{
  padding-top:30px!important;
}

body:not([data-page]) main#inicio > #propiedades.section .property-slider,
body:not([data-page]) main#inicio > #venta.section .property-slider,
body:not([data-page]) main#inicio > #arriendo.section .property-slider{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

body:not([data-page]) main#inicio > #propiedades.section .property-track,
body:not([data-page]) main#inicio > #venta.section .property-track,
body:not([data-page]) main#inicio > #arriendo.section .property-track{
  margin-bottom:0!important;
  padding-bottom:6px!important;
}

body:not([data-page]) main#inicio > #venta.section .section-top,
body:not([data-page]) main#inicio > #arriendo.section .section-top{
  margin-bottom:14px!important;
}

@media(max-width:767.98px){
  body:not([data-page]) main#inicio > #venta.section,
  body:not([data-page]) main#inicio > #arriendo.section{
    padding-top:24px!important;
  }
  body:not([data-page]) main#inicio > #venta.section .section-top,
  body:not([data-page]) main#inicio > #arriendo.section .section-top{
    margin-bottom:10px!important;
  }
}