html {
  scroll-behavior: smooth;
}

.hero {
  background: url("/assets/img/casa.jpg") center center / cover no-repeat;
  height: 100vh;
  position: relative;
}

.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.4);
}

.hero .container {
  position: relative;
  z-index: 1;
}


/* cards */
.card-img-top {
  height: 260px;           /* ajuste se quiser imagens mais altas/baixas */
  object-fit: cover;
}

/* bullets azuis iguais ao mock */
.feature-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.feature-list li {
  position: relative;
  padding-left: 1.25rem;
  margin: .35rem 0;
}
.feature-list li::before {
  content: "";
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #0d6efd;     /* azul Bootstrap */
  position: absolute;
  left: 0;
  top: .55rem;
}


/* fundo em degradê da seção */
.ambientes-section {
  background: linear-gradient(135deg, #87b2a3 0%, #f7c89e 50%, #3f8ab3 100%); 
}


/* acabamento */
.card.rounded-4 { border-radius: 1rem !important; }


/* fundo em degradê da seção */
.reservas-section {
  background: linear-gradient(135deg, #f7c89e 0%, #87b2a3 50%, #3f8ab3 100%);
}

/* cards translúcidos para combinar com o fundo */
.reservas-section .card {
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
}
.reservas-section .card .form-control,
.reservas-section .card .form-select,
.reservas-section .card textarea {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
}
.reservas-section .text-white-75 { color: rgba(255,255,255,.85) !important; }

/* acabamento */
.reservas-section .rounded-4 { border-radius: 1rem !important; }


.teste-css {
  background: red;
  color: white;
  padding: 20px;
  text-align: center;
  font-weight: bold;
}