.test{
    background-color: wheat;
}
:root{
    --verde_bajito: #B6E2D3;
    --verde_gris: #616D69;
    --amarillo: #FEEDAA;
    --verde1: #A3D96C;
    --verde2:#91BF63;
    --verde3:#69A60D;
    --verde4:#547312;
    --verde5:#0D0D0D;
    --amarillo1:#F2F2F2;
    --amarillo2:#D9CBA0;
    --amarillo3:#403410;
    --amarillo4:#BF9B30;
    --amarillo5:#F2E9CE;
}
.contenedor_whats{
    padding-top: 70px;
   
}
.selecccion_hotel{
    margin-left: 25%;
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}
.option_hotel{
    font-size: 2rem;
    text-align: center;
    width: 50%;
    background: var(--verde_gris);
    color: white;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-right: 1px solid #fff;
}
.option_hotel:hover{
    cursor: pointer;
    opacity: .7;
}
.option_hotel > i{
    font-size: 2rem;
}
.hide{
    display: none;
  }
  .active2{
    /*background: var(--verde_bajito);*/
    background-color: #e6e3e3;
    color: black;
    border-bottom: 1px solid #fff;
  }
  .hotel_seleccionado{
    margin-top: 0px;
    padding-top: 0px;
    width: 49.95%;
    margin-left: 25%;
    height: auto;
    /*background-color: #e6e3e3;*/
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .hotel_seleccionado > .imagen_hotel_seleccionado{
    margin-top: 0px;
    padding-top: 0px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .imagen_hotel_seleccionado > .img1{
    padding-top: 30px;
    height: 100px;
  }
  .imagen_hotel_seleccionado > .img2{
    padding-top: 10px;
    height: 120px;
  }
  .mensaje{
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .mensaje > .formulario{
    width: 80%;
    margin-left: 10%;
    background-color: #cccccc;
    border-radius: 10px;
  }


  .mensaje2{
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .mensaje2 > .formulario{
    width: 80%;
    margin-left: 10%;
    background-color: #cccccc;
    border-radius: 10px;
  }

  .formulario > form{
  width: 90%;
  margin-left: 5%;
  padding-top: 25px ;
  padding-bottom: 25px ;
  }
  label{
    font-size: 1.2rem;
  }

  .col > input{
    font-size: 1.5rem;
  }
.col-2 > input{
    font-size: 1.5rem;
}
.col > button{
    font-size: 1.5rem;
}
ul > li > a{
  font-size: 1.6rem;
  color: #212121;
}