header h1 {
  position: absolute;
  top: 55px;
  z-index: 999;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-family: Exmouth;
  font-size: 65px;
  color: #FFFFFF; }
  @media screen and (max-width: 992px) {
    header h1 {
      font-size: 40px; } }

.dotsCont {
  position: fixed;
  z-index: 9999;
  color: White;
  bottom: 95px;
  left: 153px; }
  @media screen and (max-width: 992px) {
    .dotsCont {
      left: 68px; } }
  @media screen and (max-width: 697px) {
    .dotsCont {
      left: 5px; } }
  .dotsCont .item {
    display: flex;
    align-items: center; }
    .dotsCont .item .icon-heart {
      animation: palpitar linear 0.8s infinite;
      -webkit-animation: palpitar linear 0.8s infinite;
      -moz-animation: palpitar linear 0.8s infinite;
      -o-animation: palpitar linear 0.8s infinite;
      animation: palpitar linear 0.8s infinite; }
    .dotsCont .item a {
      font-family: Roboto-regular;
      font-size: 16px;
      line-height: 46.28px;
      margin-left: 7px;
      color: #FFFFFF;
      transition: all .5s;
      text-decoration: none; }
  .dotsCont .item:hover {
    cursor: pointer; }
    .dotsCont .item:hover a {
      color: #D22937;
      transition: all 1s; }
    .dotsCont .item:hover .icon-heart {
      animation: palpitar linear 0.5s infinite;
      -webkit-animation: palpitar linear 0.5s infinite;
      -moz-animation: palpitar linear 0.5s infinite;
      -o-animation: palpitar linear 0.5s infinite;
      animation: palpitar linear 0.5s infinite;
      color: #D22937; }

.habitaciones div[id*="habitacion-"] {
  position: relative; }
  .habitaciones div[id*="habitacion-"] article {
    width: 100%;
    height: 100vh; }
  .habitaciones div[id*="habitacion-"] .descripcion {
    width: 100%;
    top: 70vh;
    position: absolute;
    transition: all 2s; }
    .habitaciones div[id*="habitacion-"] .descripcion h1 {
      text-align: center;
      font-family: Roboto-regular;
      font-size: 80px;
      line-height: 46.28px;
      color: #FFFFFF; }
      @media screen and (max-width: 697px) {
        .habitaciones div[id*="habitacion-"] .descripcion h1 {
          font-size: 60px; } }
      @media screen and (max-width: 480px) {
        .habitaciones div[id*="habitacion-"] .descripcion h1 {
          font-size: 40px;
          margin: 0; } }
    .habitaciones div[id*="habitacion-"] .descripcion h2 {
      text-align: center;
      font-family: Roboto-light;
      font-size: 40px;
      line-height: 46.28px;
      color: #FFFFFF;
      font-size: 20px; }
    .habitaciones div[id*="habitacion-"] .descripcion span {
      text-align: center;
      font-size: 35px;
      width: 100%;
      display: block;
      color: white;
      transition: all 3s; }
    .habitaciones div[id*="habitacion-"] .descripcion .icon-more {
      display: block;
      width: 35px;
      margin: auto; }
    .habitaciones div[id*="habitacion-"] .descripcion span:hover {
      cursor: pointer;
      animation: palpitar linear 0.8s infinite;
      -webkit-animation: palpitar linear 0.8s infinite;
      -moz-animation: palpitar linear 0.8s infinite;
      -o-animation: palpitar linear 0.8s infinite;
      animation: palpitar linear 0.8s infinite; }
  .habitaciones div[id*="habitacion-"] .circulo {
    display: none;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    max-width: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 2560px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 38%; } }
    @media screen and (max-width: 2300px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 41%; } }
    @media screen and (max-width: 2200px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 43%; } }
    @media screen and (max-width: 1920px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 50%; } }
    @media screen and (max-width: 1890px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 52%; } }
    @media screen and (max-width: 1830px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 57%; } }
    @media screen and (max-width: 1670px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 60%; } }
    @media screen and (max-width: 1590px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 62%; } }
    @media screen and (max-width: 1539px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 65%; } }
    @media screen and (max-width: 1470px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 68%; } }
    @media screen and (max-width: 1404px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 70%; } }
    @media screen and (max-width: 1365px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 72%; } }
    @media screen and (max-width: 1328px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 74%; } }
    @media screen and (max-width: 1295px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 76%; } }
    @media screen and (max-width: 1260px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 78%; } }
    @media screen and (max-width: 1230px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 80%; } }
    @media screen and (max-width: 1200px) {
      .habitaciones div[id*="habitacion-"] .circulo {
        max-width: 100%; } }
    @media screen and (max-width: 1200px) {
      .habitaciones div[id*="habitacion-"] .circulo .vector-circulo {
        display: none; } }
    @media screen and (min-width: 1200px) {
      .habitaciones div[id*="habitacion-"] .circulo .vector-cuadro {
        display: none; } }
    @media screen and (max-width: 480px) {
      .habitaciones div[id*="habitacion-"] .circulo .vector-cuadro {
        height: 600px; } }
    .habitaciones div[id*="habitacion-"] .circulo .info {
      position: absolute;
      z-index: 1000;
      bottom: 0;
      max-width: 100%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1200px) {
        .habitaciones div[id*="habitacion-"] .circulo .info {
          max-width: 100%; } }
      .habitaciones div[id*="habitacion-"] .circulo .info h1 {
        text-align: center;
        font-family: Roboto-regular;
        font-size: 75px;
        line-height: 46.28px;
        color: #FFFFFF; }
        @media screen and (max-width: 992px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h1 {
            font-size: 59px; } }
        @media screen and (max-width: 768px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h1 {
            font-size: 50px; } }
        @media screen and (max-width: 655px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h1 {
            font-size: 40px; } }
        @media screen and (max-width: 480px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h1 {
            font-size: 30px;
            margin: 0; } }
      .habitaciones div[id*="habitacion-"] .circulo .info h2 {
        text-align: center;
        font-family: Roboto-light;
        font-size: 40px;
        line-height: 46.28px;
        color: #FFFFFF; }
        @media screen and (max-width: 992px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h2 {
            font-size: 30px; } }
        @media screen and (max-width: 768px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h2 {
            font-size: 28px; } }
        @media screen and (max-width: 655px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h2 {
            font-size: 26px; } }
        @media screen and (max-width: 480px) {
          .habitaciones div[id*="habitacion-"] .circulo .info h2 {
            font-size: 24px;
            margin: 0; } }
      .habitaciones div[id*="habitacion-"] .circulo .info h4 {
        font-family: Roboto-light;
        font-size: 20px;
        line-height: 46.28px;
        color: #FFFFFF;
        text-align: center; }
      .habitaciones div[id*="habitacion-"] .circulo .info ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .habitaciones div[id*="habitacion-"] .circulo .info ul li {
          font-family: Roboto-light;
          font-size: 17px;
          line-height: 22px;
          color: #FFFFFF;
          text-align: center; }
      .habitaciones div[id*="habitacion-"] .circulo .info span {
        width: 35px;
        height: 35px;
        margin: auto;
        display: block;
        font-size: 28px;
        color: white; }
      .habitaciones div[id*="habitacion-"] .circulo .info .icon-close:hover {
        cursor: pointer; }
    .habitaciones div[id*="habitacion-"] .circulo .info-hab-2 {
      bottom: 50px; }
    .habitaciones div[id*="habitacion-"] .circulo .info-hab-3 {
      bottom: 90px; }
    .habitaciones div[id*="habitacion-"] .circulo .info-hab-4 {
      bottom: 100px; }

.test {
  bottom: 333px; }

@-webkit-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-moz-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@-o-keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
@keyframes palpitar {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); }
  50% {
    transform: rotate(0deg) scaleX(1.2) scaleY(1.2) skewX(0deg) skewY(0deg); }
  100% {
    transform: rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg); } }
.anima-detalles {
  animation: crece-circulo linear 1s; }

.desanima-detalles {
  animation: descrece-circulo linear 1s; }

@keyframes crece-circulo {
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes descrece-circulo {
  10% {
    transform: scale(1); }
  20% {
    transform: scale(0.9); }
  30% {
    transform: scale(0.8); }
  40% {
    transform: scale(0.7); }
  50% {
    transform: scale(0.6); }
  60% {
    transform: scale(0.5); }
  70% {
    transform: scale(0.4); }
  80% {
    transform: scale(0.3); }
  90% {
    transform: scale(0.2); }
  100% {
    transform: scale(0); } }

/*# sourceMappingURL=habitaciones.css.map */