/**********************************************************
        H  A  B  I  T  A  C  I  O  N  E  S
***********************************************************/

#contieneHabitaciones {
  width: 80%;
  max-width: 900px;
  margin: auto;
}
#contieneHabitaciones #visorHabitaciones {
  width: 100%;
  position: relative;
}
#contieneHabitaciones #visorHabitaciones .avanzar, #contieneHabitaciones #visorHabitaciones .retroceder {
  position: absolute;
  top: 45%;
  color: gray;
  font-size: 2rem;
  font-weight: 900;
  z-index: 10;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
#contieneHabitaciones #visorHabitaciones .avanzar:hover, #contieneHabitaciones #visorHabitaciones .retroceder:hover {
  color: black;
}
#contieneHabitaciones #visorHabitaciones .avanzar {
  right: 20px;
}
#contieneHabitaciones #visorHabitaciones .retroceder {
  left: 20px;
}
#contieneHabitaciones #visorHabitaciones #imagenVisor {
  width: 100%;
}
#contieneHabitaciones #menuVisor {
  position: relative;
  width: 100%;
  background-color: #20283c;
  color: white;
}
#contieneHabitaciones #menuVisor ul {
  display: flex;
  justify-content: space-between;
  margin-top: -5px;
}
#contieneHabitaciones #menuVisor ul li {
  width: 20%;
  text-align: center;
}
#contieneHabitaciones #menuVisor ul li p {
  font-size: 0.8rem;
  letter-spacing: 0;
  cursor: pointer;
  padding: 10px;
  transition: 0.5s ease-in-out;
}
#contieneHabitaciones #menuVisor ul li p:hover {
  background-color: #0095dc;
}
.menuVisorActiva {
  background-color:#88c41f;
  font-weight: 600;
}
#contieneHabitaciones #contieneInfoHabitacion {
  padding: 40px 0;
  color: white;
}
#contieneHabitaciones #tituloHabitacion {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
#contieneHabitaciones #tituloHabitacion img {
  width: 70%;
  max-width: 290px;
  margin: auto;
}
#contieneHabitaciones #contieneInfoHabitacion p {
   font-size: 0.9rem;
  line-height: 1.4rem;
}
#contieneHabitaciones #contieneInfoHabitacion h4 {
  font-size: 1rem;
  font-weight: 600;
}


@media (max-width: 768px) and (orientation: portrait){ 


        
/**********************************************************
        H  A  B  I  T  A  C  I  O  N  E  S       M  Ó  V  I  L  E  S
***********************************************************/
      #contieneHabitaciones {
        width: 100%;
        max-width: 100%;
        margin: auto;
      }
      #contieneHabitaciones #menuVisor ul {
        display: block;
        margin-top: -5px;
      }
      #contieneHabitaciones #menuVisor ul li {
        width: 100%;
      }
      #contieneHabitaciones #contieneInfoHabitacion {
        width: 80%;
        margin: auto;
      }




}