.seccion1-rooms {
  padding-top: 190px;
  padding-bottom: 230px;
  position: relative;
}
.seccion1-rooms .adorno {
  width: 100%;
  position: absolute;
  top: 410px;
  left: 0;
}
.seccion1-rooms .container .img {
  height: 570px;
  width: 77%;
  margin: auto;
  border-radius: 5px;
  margin-bottom: 40px;
  background-position: center;
  background-size: cover;
}
.seccion1-rooms .container .content {
  text-align: center;
}
.seccion1-rooms .container .content .txt1 {
  margin-bottom: 0;
}
.seccion2-rooms {
  padding-top: 115px;
  padding-bottom: 105px;
  background-color: var(--negro2);
}
.seccion2-rooms .container .content {
  padding: 0 40px;
  margin-top: 50px;
}
.seccion2-rooms .container .content .row {
  align-items: center;
}
.seccion2-rooms .container .content .row.r2 {
  margin-top: 30px;
}
.seccion2-rooms .container .content .row .content-texto {
  padding: 0;
}
.seccion2-rooms .container .content .row .content-texto .cuadro-cafe {
  height: 380px;
  position: relative;
  top: 25px;
  padding: 60px 0;
  padding-left: 45px;
  background-color: var(--cafe);
  border-radius: 5px 0 0 5px;
}
.seccion2-rooms .container .content .row .content-texto .cuadro-cafe ul {
  padding-left: 0px;
  list-style: none;
}
.seccion2-rooms .container .content .row .content-texto .cuadro-cafe ul li {
  text-align: left;
  margin-bottom: 18px;
  position: relative;
}
.seccion2-rooms .container .content .row .content-texto .cuadro-cafe ul li .texto {
  display: inline-block;
  padding-left: 18px;
}
.seccion2-rooms .container .content .row .content-texto .cuadro-cafe ul li::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--negro2);
  font-size: 28px;
  color: var(--negro2);
  position: absolute;
  top: 8px;
}
.seccion2-rooms .container .content .row .content-img {
  padding: 0;
  background-position: center;
  background-size: cover;
}
.seccion2-rooms .container .content .row .content-img .img {
  height: 530px;
  width: 100%;
  margin: auto;
  border-radius: 5px;
  border-radius: 0 5px 5px 0;
  background-position: center;
  background-size: cover;
}
.seccion3-rooms {
  padding-top: 195px;
  padding-bottom: 110px;
}
.seccion3-rooms .container .content {
  margin-top: 70px;
}
.seccion3-rooms .container .content .row {
  margin-bottom: 60px;
  position: relative;
}
.seccion3-rooms .container .content .row .linea {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
}
.seccion3-rooms .container .content .row .item {
  text-align: center;
}
.seccion3-rooms .container .content .row .item .iconito {
  position: relative;
  margin-bottom: 15px;
}
.seccion3-rooms .container .content .row .item .iconito .icono {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.seccion4-rooms {
  padding-top: 0px;
}
.seccion4-rooms .container-fluid .row {
  margin-top: 80px;
}
.seccion4-rooms .container-fluid .row .item {
  width: 25%;
  height: 460px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  position: relative;
}
.seccion4-rooms .container-fluid .row .item:hover:before {
  display: block;
}
.seccion4-rooms .container-fluid .row .item:hover .iconito {
  display: block;
}
.seccion4-rooms .container-fluid .row .item:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  opacity: 0.74;
  width: 100%;
  height: 100%;
  background: var(--cafe);
  display: none;
}
.seccion4-rooms .container-fluid .row .item .iconito {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  z-index: 2;
  display: none;
}
.seccion4-rooms .container-fluid .row .item .iconito .icono {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* ====================================================================================================================================================
   RESPONSIVE DESIGN
   ==================================================================================================================================================== */
@media all and (max-width: 639px) {
  .seccion1-rooms {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seccion1-rooms br {
    display: none;
  }
  .seccion1-rooms .container .img {
    width: 100%;
    height: 350px;
  }
  .seccion2-rooms {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seccion2-rooms .container .content {
    padding: 0 15px;
  }
  .seccion2-rooms .container .content .row .content-texto .cuadro-cafe {
    top: 0;
    padding-left: 15px;
  }
  .seccion2-rooms .container .content .row .content-img .img {
    height: 350px;
  }
  .seccion3-rooms {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .seccion4-rooms .container-fluid .row .item {
    width: 50%;
    height: 250px;
  }
}