/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* ====== portada como airbnb ==========*/

.gallery{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:repeat(2,250px);
    gap:8px;
}

.gallery img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.main{
    grid-row:1 / 3;
}

.main img{
    border-radius:12px 0 0 12px;
}

.gallery div:nth-child(3) img{
    border-radius:0 12px 0 0;
}

.gallery div:last-child img{
    border-radius:0 0 12px 0;
}

/* ====== portada como airbnb ==========*/

.h-tag{
  text-transform: uppercase;
  color: #978667;
  letter-spacing: 3px;
  font-weight: 600;
  display: block;
  margin-bottom: 0px !important;
}
.pointer{
  cursor: pointer;
}

.icon-prop{
  width: 30px;
  margin-right: 5px;
}

.text-right{
  text-align: right;
}

.logo_normal img{
  width: 70%;
}

.logo_panel img{
  width: 50%;
}

.logo_sticky img{
  width: 100px;
}

.guests{
  border: 1px solid;
  width: 130px;
  text-align: center;
  border-radius: 15px;
  background: white;
  color: black !important;
  letter-spacing: 0px;
  text-transform: none;
  padding: 7px;
}

.icon-concierge{
  width: 70px;
  margin-bottom: 20px;
  cursor: pointer;
}

.box_facilities{
  cursor: pointer;
}

.whatsapp-float{
  position: fixed;
  width: 60px;
  height: 60px;
  left: 25px;
  bottom: 25px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  z-index: 9999;
  transition: .3s;
}

.whatsapp-float:hover{
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.4);
}

.whatsapp-float img{
  filter: invert(1);
}