/* =========================================================
   VALENZUELA PROPIEDADES — V66
   Hero con altura configurable desde Admin > Portada.
   El degradado blanco continúa desactivado por V65.
   ========================================================= */

/* La altura definida en el panel controla todo el carrusel. */
.page-wrap > .hero,
.page-wrap > .hero > .hero-carousel,
.page-wrap > .hero .hero-carousel .carousel-inner,
.page-wrap > .hero .hero-carousel .carousel-item,
.page-wrap > .hero .hero-slide{
  height:var(--vp-hero-height, 610px) !important;
  min-height:var(--vp-hero-height, 610px) !important;
}

/* Mantiene el contenido bien ubicado dentro de una altura mayor. */
.page-wrap > .hero .hero-slide{
  display:flex !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.page-wrap > .hero .hero-slide .hero-content{
  padding-top:42px !important;
  padding-bottom:118px !important;
}

/* El buscador sigue solapándose sobre la parte inferior del Hero. */
.page-wrap > .search-shell{
  position:relative;
  z-index:10;
}

/* En pantallas pequeñas se evita que una altura de escritorio excesiva
   vuelva incómodo el Hero, sin alterar el valor guardado en el panel. */
@media (max-width:991.98px){
  .page-wrap > .hero,
  .page-wrap > .hero > .hero-carousel,
  .page-wrap > .hero .hero-carousel .carousel-inner,
  .page-wrap > .hero .hero-carousel .carousel-item,
  .page-wrap > .hero .hero-slide{
    height:min(var(--vp-hero-height, 610px), 600px) !important;
    min-height:min(var(--vp-hero-height, 610px), 600px) !important;
  }

  .page-wrap > .hero .hero-slide .hero-content{
    padding-top:38px !important;
    padding-bottom:96px !important;
  }
}

@media (max-width:575.98px){
  .page-wrap > .hero,
  .page-wrap > .hero > .hero-carousel,
  .page-wrap > .hero .hero-carousel .carousel-inner,
  .page-wrap > .hero .hero-carousel .carousel-item,
  .page-wrap > .hero .hero-slide{
    height:min(var(--vp-hero-height, 610px), 560px) !important;
    min-height:min(var(--vp-hero-height, 610px), 560px) !important;
  }

  .page-wrap > .hero .hero-slide .hero-content{
    padding-top:34px !important;
    padding-bottom:88px !important;
  }
}
