html {
    scroll-behavior: smooth;
  }

body{
    font-family: 'Lato', sans-serif; 
}
  
  @media only screen  and (max-width: 649px){
    .teaser{
      height: 310px;
      }  
      .fondo-teaser{
        height: inherit !important;
        }  

  }
  

  @media only screen  and (min-width: 650px) and (max-width: 1420px){
    .fondo-teaser{
      height: auto;
      }  
  }
  

  @media only screen and (min-width: 1421px){
    .fondo-teaser{
      height: 100vh;
      }  
  }
 .d-flex a{
  text-decoration: none;
  color: rgb(117, 117, 117);
  margin:0 5px;
 }
  .p-50{
    padding: 50px;
  }
  
  @media only screen and (max-width: 767px){
    .fondo-teaser{
          height: auto;
      }  
     .apartado{
      margin-top: 25px !important;
     }

     .fecha{
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 10px;
      background: #fff;
      border-radius: 10px 10px 0 0;
   text-align: center;
  
    }

    .teaser{
      margin-top: -50px;
    }
      
  }
  
  .fecha a{
    text-decoration: none;
    color: rgb(57, 57, 57);
  }
  @media only screen and (min-width: 768px){
      
      
    .fecha{
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      padding: 10px;
      background: #fff;
      border-radius: 10px 10px 0 0;
  
  
    }

  
  
     
      .teaser{
          margin-top: -72px;
      }
      
      
  }
  

  .teaser h1{
    color: rgb(78, 78, 78);
    font-weight:700;
  }

  .ahora{
    background-color: #ff9900;
    font-style: italic;

  }

  @media only screen and (max-width: 1300px){
      .teaser h1{
        font-size: 0.8em;
      }
  }

@media only screen and (min-width: 1400px){
  .apartado{
   width: 33% !important;
   margin: 2px;
  }
}
  
  /* Show it is fixed to the top */
  body {
    min-height: 75rem;
    padding-top: 4.5rem;
  font-family: 'Lato', sans-serif;
  }
  
   .bd-placeholder-img {
          font-size: 1.125rem;
          text-anchor: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
        }
  
        @media (min-width: 768px) {
          .bd-placeholder-img-lg {
            font-size: 3.5rem;
          }
        }
  
        .b-example-divider {
          height: 3rem;
          background-color: rgba(0, 0, 0, .1);
          border: solid rgba(0, 0, 0, .15);
          border-width: 1px 0;
          box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
        }
  
        .b-example-vr {
          flex-shrink: 0;
          width: 1.5rem;
          height: 100vh;
        }
  
        .bi {
          vertical-align: -.125em;
          fill: currentColor;
        }
  
        .nav-scroller {
          position: relative;
          z-index: 2;
          height: 2.75rem;
          overflow-y: hidden;
        }
  
        .nav-scroller .nav {
          display: flex;
          flex-wrap: nowrap;
          padding-bottom: 1rem;
          margin-top: -1px;
          overflow-x: auto;
          text-align: center;
          white-space: nowrap;
          -webkit-overflow-scrolling: touch;
        }
  
  
  
  .fondo-teaser{
      width: 100%;
  }
  
  @media only screen and (min-width: 992px){
  .logo-teaser{
      position: absolute;
      top: 25%;
      left: 50%;
      transform: translate(-50%, -50%);

  }}

  @media only screen and (max-width: 991px){
  .logo-teaser {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);}
  }


  
  .img-responsive{
      width: 100%;
      height: auto;
  }
  
  
  
  .teaser{
      position: relative;
  }
  



  .naranja{
    color: #ff9900;
  }

  .tours{
    background: #6231d5;
    text-align: center;
    color: #fff;
    padding: 10px 1px;
  }

  .dormir{
    background: #d5314a;
    text-align: center;
    color: #fff;
    padding: 10px 1px;
  }

  .agenda{
    background: #0db226;
    text-align: center;
    color: #fff;
    padding: 10px 1px;
  }



  .precio{
    background-color: #ff9900a9;
    color: #fff;
    position: absolute;
    bottom: -8px;
    width: 100%;
    padding: 15px;
    text-align: center;
  }

  .p-relative{
    position: relative;
  }

  .caja{
    min-height: 150px;
    padding: 20px;
    background-color: #fff;
    color: #000;
  }

  .caja-gris{
    min-height: 150px;
    padding: 20px;
    background-color: #e5e5e5;
    color: #000;
  }

  .ver-mas{
    text-align: center;
   margin-top: 35px;
   
  }

  .tours .ver-mas a{
    padding: 10px;
    background-color: #6231d5;
    color: #fff;
    text-decoration: none;
  }

  .dormir .ver-mas a{
    padding: 10px;
    background-color: #d5314a;
    color: #fff;
    text-decoration: none;
  }

  .agenda .ver-mas a{
    padding: 10px;
    background-color: #0db226;
    color: #fff;
    text-decoration: none;
  }

  .apartado{
    padding:0 !important;
   
  }
  .m-top-30{
    margin-top: 50px !important;
  }

  .b-grey{
    background-color: #e5e5e5;
    padding: 0 0 55px 0;
  }

  .b-white{
    background-color: rgb(255, 255, 255);
    padding: 0 0 55px 0;
  }

  .navbar{
    background-color: #000;
  }

  .boton a{
    float: right;
    border: 2px solid #000;
    padding: 10px;
    text-decoration: none;
    color: #000;
  }

  .boton{
    margin-top: 20px;
    margin-right: -9px;
  }

  .apartado{
    background-color:#fff;
  }

  .apartado-gris{
    background-color:#e5e5e5;
  }

  @media only screen and (max-width: 991px){
  .logo-teaser h1{
    font-size: 0.6rem;
    padding: 0 30px;
    color: #fff;
  } }

  @media only screen and (min-width: 992px){
    .logo-teaser h1{
      font-size: 1rem;
      padding: 0 30px;
      color: #fff;
    } }




/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.puff-in-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}