/* Home: Main booking form (desktop-only) */

.main-booking-form {
  margin-top: -85px;
  z-index: 99;
  position: relative;
}

.main-booking-form .input {
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: start;
  cursor: pointer !important;
}

.main-booking-form .btn {
  min-height: 103px;
}

/* Home: Main booking form (mobile-only) */

.main-booking-form-mobile {
  margin-top: -85px;
  z-index: 99;
  position: relative;
}

.main-booking-form-mobile .input {
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: start;
  cursor: pointer !important;
}

/* Booking: Booking form */

.booking-form .input {
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: start;
  cursor: pointer !important;
}

@media (max-width: 576px) {
  .booking-form {
    border-radius: 0px !important;
  }
}

/* Acomodações: Presidencial */

.presidential-room {
  position: relative;
  overflow: hidden;
}

.presidential-room .h1 {
  font-size: 35px;
}

.presidential-room .room-details {
  position: absolute;
  z-index: 999;
  min-width: 100%;
  bottom: 0px;
}

.presidential-room .amenities img {
  width: 30px;
}

.presidential-room .filter {
  min-width: 100%;
  min-height: 800px;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  opacity: 0.9;
  position: absolute;
  bottom: 0px;
}

.presidential-room .room-cover {
  background-size: cover;
  background-position: center;
  height: 600px;
}

@media (max-width: 576px) {
  .presidential-room .h1 {
    font-size: 22pt;
  }

  .presidential-room .amenities img {
    width: 13px;
  }

  .presidential-room .room-cover {
    height: 425px;
  }

  .presidential-room .amenity-name {
    font-size: 11px;
    text-wrap: nowrap;
  }
}

@media (max-width: 1440px) {
  .presidential-room .room-cover {
    height: 550px;
  }
}

/* Acomodações: Demais acomodações */

.room {
  position: relative;
  overflow: hidden;
}

.room .amenity-name {
  font-size: 10px;
  text-wrap: nowrap;
}

.room .amenities img {
  width: 20px;
}

.room .filter {
  min-width: 100%;
  min-height: 800px;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  opacity: 0.9;
  position: absolute;
  bottom: 0px;
}

.room .room-details {
  position: absolute;
  z-index: 999;
  min-width: 100%;
  bottom: 0px;
}

/* Detalhes da acomodação: booking form desktop */

.room-details-booking .input {
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: start;
  cursor: pointer !important;
}

@media (max-width: 576px) {
  .room-details-booking {
    border-radius: 0px !important;
  }
}