/* =========================================================
   VALENZUELA PROPIEDADES — V66.5
   Hero más compuesto y premium sin tapar la fotografía.
   Mantiene solo el título negro + rojo.
   ========================================================= */

.page-wrap > .hero .hero-content{
  position:relative !important;
  width:fit-content !important;
  max-width:570px !important;
  padding:14px 44px 15px 22px !important;
  border-left:4px solid #d71920 !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.68) 0%,
    rgba(255,255,255,.44) 46%,
    rgba(255,255,255,.16) 76%,
    rgba(255,255,255,0) 100%
  ) !important;
  border-radius:0 16px 16px 0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* pequeño remate decorativo para que el título no quede "solo" */
.page-wrap > .hero .hero-content::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:13px;
  border-radius:999px;
  background:#d71920;
  box-shadow:20px 0 0 rgba(32,38,44,.20);
}

.page-wrap > .hero .hero-content h1{
  max-width:520px !important;
  margin:0 !important;
  font-size:clamp(2.05rem, 2.85vw, 3rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.045em !important;
  color:#20262c !important;
  text-shadow:
    0 1px 1px rgba(255,255,255,.82),
    0 2px 8px rgba(255,255,255,.28),
    0 2px 5px rgba(0,0,0,.10) !important;
}

.page-wrap > .hero .hero-content h1 .red{
  color:#d71920 !important;
}

@media (min-width:1200px) and (max-width:1365.98px){
  .page-wrap > .hero .hero-content{
    max-width:535px !important;
    padding:13px 38px 14px 20px !important;
  }
  .page-wrap > .hero .hero-content h1{
    max-width:485px !important;
    font-size:clamp(1.95rem, 2.7vw, 2.7rem) !important;
  }
}

@media (max-width:1199.98px){
  .page-wrap > .hero .hero-content{
    max-width:500px !important;
    padding:12px 32px 13px 18px !important;
  }
  .page-wrap > .hero .hero-content h1{
    max-width:450px !important;
    font-size:clamp(1.85rem, 4.4vw, 2.5rem) !important;
  }
}

@media (max-width:575.98px){
  .page-wrap > .hero .hero-content{
    max-width:90vw !important;
    padding:11px 18px 12px 14px !important;
    border-left-width:3px !important;
    border-radius:0 12px 12px 0 !important;
  }
  .page-wrap > .hero .hero-content h1{
    max-width:84vw !important;
    font-size:clamp(1.6rem, 7.5vw, 2.12rem) !important;
    line-height:1.03 !important;
  }
  .page-wrap > .hero .hero-content::after{
    width:42px;
    height:2px;
    margin-top:10px;
  }
}