/* Portal Urbano v18
   - SOLO ajusta las flechas del HERO principal.
   - Flechas cuadradas, juntas y ubicadas sobre el buscador.
   - No modifica las flechas de los carruseles de propiedades.
   - Mantiene el espaciado compacto entre carruseles de propiedades.
*/

/* =========================================================
   HERO: controles cuadrados, juntos y justo sobre el buscador
   ========================================================= */
body[data-page="inicio"] #heroCarousel .hero-carousel-arrow{
  top:auto!important;
  bottom:58px!important;
  left:auto!important;
  width:44px!important;
  height:44px!important;
  opacity:1!important;
  transform:none!important;
  z-index:45!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-prev{
  right:70px!important;
}
body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-next{
  right:18px!important;
}
body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-icon{
  width:44px!important;
  height:44px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  font-size:1.05rem!important;
  color:#fff!important;
  background:rgba(15,17,20,.90)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.24)!important;
}
body[data-page="inicio"] #heroCarousel .hero-carousel-arrow:hover .hero-carousel-arrow-icon{
  background:#e21d23!important;
  border-color:#e21d23!important;
}

/* =========================================================
   CARRUSELES DE PROPIEDADES: menos espacio en blanco
   ========================================================= */
body[data-page="inicio"] #propiedades{
  padding-top:42px!important;
  padding-bottom:18px!important;
}
body[data-page="inicio"] #venta,
body[data-page="inicio"] #arriendos-destacados{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
body[data-page="inicio"] #arriendos-destacados{
  padding-bottom:28px!important;
}
body[data-page="inicio"] #propiedades .property-section-header,
body[data-page="inicio"] #venta .property-section-header,
body[data-page="inicio"] #arriendos-destacados .property-section-header{
  margin-bottom:12px!important;
  padding-bottom:4px!important;
}
body[data-page="inicio"] #propiedades .property-carousel-window,
body[data-page="inicio"] #venta .property-carousel-window,
body[data-page="inicio"] #arriendos-destacados .property-carousel-window{
  padding-bottom:4px!important;
}
body[data-page="inicio"] #propiedades .property-dots,
body[data-page="inicio"] #venta .property-dots,
body[data-page="inicio"] #arriendos-destacados .property-dots{
  margin-top:6px!important;
  margin-bottom:0!important;
}

/* Móvil: controles del hero juntos y carruseles compactos. */
@media (max-width:767.98px){
  body[data-page="inicio"] #heroCarousel .hero-carousel-arrow{
    bottom:46px!important;
    width:40px!important;
    height:40px!important;
  }
  body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-prev{
    right:58px!important;
  }
  body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-next{
    right:12px!important;
  }
  body[data-page="inicio"] #heroCarousel .hero-carousel-arrow-icon{
    width:40px!important;
    height:40px!important;
    border-radius:7px!important;
    font-size:.92rem!important;
  }
  body[data-page="inicio"] #propiedades{
    padding-top:30px!important;
    padding-bottom:12px!important;
  }
  body[data-page="inicio"] #venta,
  body[data-page="inicio"] #arriendos-destacados{
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  body[data-page="inicio"] #arriendos-destacados{
    padding-bottom:22px!important;
  }
}