:root{
  --primario:#0f0f0f;
  --secundario:#c19a6b;
  --acento:#ffffff;
}
*{box-sizing:border-box}
body{ font-family:'Poppins',sans-serif; color:#222; line-height:1.6; }
a{ text-decoration:none }
.text-brand{ color:var(--secundario) }
.btn-brand{ background:var(--secundario); color:#fff; border:none }
.btn-brand:hover{ opacity:.9; color:#fff }
.footer{ background:var(--primario); }
.hero{ min-height:60vh; }
.hero-img{ max-height:70vh; object-fit:cover; filter:grayscale(.1) }
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.5)) }
.hero-content{ position:absolute; inset:0; display:grid; place-items:center; }
.subhero{ min-height:32vh; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.65)), url('../img/hero.jpg') center/cover no-repeat; }
.price{ font-weight:600; color:var(--secundario) }
.swiper{ padding: 10px 10px 40px }
.swiper-slide img{ width:100%; height:380px; object-fit:cover }
.card{ border:0; border-radius:1rem }
img.rounded-3{ border-radius:1rem !important }
.navbar-brand{ letter-spacing:.3px }
.nav-link{ opacity:.9 }
.nav-link.active{ color:var(--secundario) !important }
@media (max-width: 576px){
  .swiper-slide img{ height:240px }
}