.hero .wrapper h1, .hero .wrapper h3 {
  text-transform: none;
}

a.box_cat_rooms {
  background-color: transparent !important;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
}



.pinned-image--medium-2 {
  height: 50vh;
}


.text-verde {
  color: #9ac93b !important;
}

.bg-verde {
  background-color: #9ac93b !important;
}

footer .copy{
  margin-bottom: 50px;
}

@media screen and (min-width: 991px){
  footer .copy{
    margin-bottom:0
  }
}



/**Offcanvas***/
.offcanvas {
  position: fixed;
  height: 0;
  z-index: 4; /* Increase the z-index */
}

.offcanvas__overlay{
  background: rgba(85, 88, 91, 0.59);
  height: 100vh;
  position: fixed;
  width: 100vw;
  z-index: 3;
  top: 0;
}

.offcanvas--visible {
  height: 100vh;
  background: white;
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  z-index: 9999; /* Keep the same z-index as .offcanvas */
}

@media screen and (min-width:991px){
  .offcanvas--visible{
    width: 80vw;
  }
}


.offcanvas__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #838383;
}

.offcanvas-close{
  cursor: pointer;
  color: #838383;
  transition:all 200ms
}
.offcanvas-close:hover{
  transform: rotate(90deg);
  color: #d73838;
}



.offcanvas__content{
  height: 100%;
}

.hero.full-height{
  height: clamp(732px,80vh,100vh);
}

.room_facilities_list ul li{
  flex-wrap: wrap;
}
.pinned_over_content h2{
  font-size: clamp(2rem,5vw,3.75rem)
}



[x-ref='alerts']{

  margin-block:1rem

}

span.alert{

  padding:0.25rem;

  /*border-radius: var(--border-radius);*/

  color:white;

  margin-bottom:0.25rem;

  display:block;

}



span.alert--danger{

  background: orangered;

}



.alert--success{

  background: darkgreen;

}
.section-functionalities h2, .section-functionalities h3{
  font-size: 20px;
}

@media screen and (min-width: 1200px) {
  .section-functionalities h2{
    font-size: 38px;
  }
}


.form-control{
  border-color: #000000;
}


.btn{
  background: white;
}