.hostal{

  display:flex;

  width:100%;


  justify-content:center;

  align-items:center;

  padding:0 40px 150px 40px;

  background-color:#F8FBFB;
  position: relative;
  overflow:hidden;

}

.hostalContainer{

  display:flex;

  width:100%;

  max-width:1391px;

  justify-content:space-between;

  align-items:center;

  gap:100px;

}

.hostalImagen{

  display:flex;

  width:100%;

  max-width:650.205px;

  flex-shrink:0;

}

.hostalImagen img{

  width:100%;

  height:auto;

  object-fit:contain;

  object-position:center;

}

.hostalTextos{

  display:flex;

  width:100%;

  max-width:641px;

  flex-direction:column;

  color:#0B3636;

}

.hostalTitle{

  font-size:39.5px;

  line-height:43px;

  letter-spacing:-2.37px;

  font-weight:800;

  color:#0B3636;

}

.hostalTitle span{

  color:#D80062;

}

.hostalSubtitle{

  width:100%;

  max-width:606px;

  margin-top:19px;

  font-size:20px;

  line-height:28px;

  letter-spacing:0px;

  font-weight:600;

  color:#0B3636;

}

.hostalParrafo{

  width:100%;

  margin-top:25px;

  font-size:16px;

  line-height:25px;

  letter-spacing:0px;

  font-weight:500;

  color:#0B3636;

}

.hostalBoton{

  display:flex;

  width:316px;

  height:57px;

  margin-top:37px;

  /*border:1.1px solid #D80B6E;*/
border:1.1px solid #c7c2c4;

  border-radius:28.5px;

  align-items:center;

  justify-content:center;

  gap:12px;

  text-decoration:none;

  color:#0B3636;

  font-size:16px;

  line-height:25px;

  letter-spacing:0px;

  font-weight:600;

  transition:all 0.25s ease;

}

.hostalBoton img{

  width:12.8336px;

  height:13.128px;

  object-fit:contain;

  object-position:center;

}

/*.hostalBoton:hover{

  transform:translateY(-2px);

  background-color:rgba(216,11,110,0.06);

} */

.hostalBoton:hover{

  background-color:rgba(142, 142, 142, 0.06);

} 

@media(max-width:1200px){

  .hostal{

    min-height:405px;

    padding:0px 40px;

  }

  .hostalContainer{

    max-width:815px;

    gap:58px;

  }

  .hostalImagen{

    max-width:381px;

  }

  .hostalTextos{

    max-width:376px;

  }

  .hostalTitle{

    font-size:23.13px;

    line-height:25.18px;

    letter-spacing:-1.39px;

  }

  .hostalSubtitle{

    max-width:355px;

    margin-top:12px;

    font-size:11.71px;

    line-height:16.4px;

  }

  .hostalParrafo{

    margin-top:14px;

    font-size:9.37px;

    line-height:14.64px;

  }

  .hostalBoton{

    width:185px;

    height:33.4px;

    margin-top:21.7px;

    border-radius:16.7px;

    font-size:9.37px;

    line-height:14.64px;

    gap:14px;

  }

  .hostalBoton img{

    width:7.52px;

    height:7.69px;

  }

}

@media(max-width:700px){

  .hostal{

    min-height:0;

    padding:62px 25px 70px 25px;

  }

  .hostalContainer{

    flex-direction:column;

    align-items:center;

    gap:34px;

  }

  .hostalImagen{

    max-width:360px;

  }

  .hostalTextos{

    max-width:360px;

  }

  .hostalTitle{

    font-size:32px;

    line-height:35px;

    letter-spacing:-1.9px;

  }

  .hostalSubtitle{

    margin-top:18px;

    font-size:16px;

    line-height:23px;

  }

  .hostalParrafo{

    margin-top:20px;

    font-size:14px;

    line-height:22px;

  }

  .hostalBoton{

    width:276px;

    height:51px;

    margin-top:30px;

    border-radius:25.5px;

    font-size:14px;

    line-height:20px;

    gap:12px;

  }

  .hostalBoton img{

    width:11px;

    height:11px;

  }

}

@media(max-width:1200px) and (min-width:701px){

  .hostal{

    min-height:0;

    padding:86px 54px 92px 54px;

  }

  .hostalContainer{

    max-width:720px;

    flex-direction:column;

    align-items:flex-start;

    gap:44px;

  }

  .hostalImagen{

    max-width:620px;

  }

  .hostalTextos{

    max-width:680px;

  }

  .hostalTitle{

    font-size:38px;

    line-height:42px;

    letter-spacing:-1.8px;

  }

  .hostalSubtitle{

    max-width:620px;

    margin-top:18px;

    font-size:18px;

    line-height:26px;

  }

  .hostalParrafo{

    margin-top:22px;

    font-size:15px;

    line-height:24px;

  }

  .hostalBoton{

    width:300px;

    height:52px;

    margin-top:32px;

    border-radius:26px;

    font-size:15px;

    line-height:22px;

    gap:12px;

  }

  .hostalBoton img{

    width:12px;

    height:12px;

  }

}

.hostalBoton{

  width:fit-content;

  height:auto;

  padding:15px 27px;

  line-height:25px;

  gap:12px;

}

@media(max-width:1200px){

  .hostalBoton{

    width:fit-content;

    height:auto;

    padding:8.78px 16px;

    line-height:14.64px;

    gap:7px;

  }

}

@media(max-width:700px){

  .hostalBoton{

    width:fit-content;

    height:auto;

    padding:14.5px 24px;

    line-height:20px;

    gap:12px;

  }

}

@media(max-width:1200px) and (min-width:701px){

  .hostalBoton{

    width:fit-content;

    height:auto;

    padding:14px 25px;

    line-height:22px;

    gap:12px;

  }

}