@font-face {
  font-family: Times-Now-Light;
  src: url("../fonts/Times-Now-Light.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Times-Now-Light-Italic;
  src: url("../fonts/Times-Now-Light-Italic.otf");
}

@font-face {
  font-family: Italian-Plate;
  src: url("../fonts/Italian-Plate-Light.ttf");
}

@font-face {
  font-family: Italian-Plate-Bold;
  src: url("../fonts/Italian-Plate-Bold.ttf");
}

body {
  letter-spacing: 0.2em;
}

.italian-plate-font {
  font-family: "Italian-Plate", sans-serif !important;
}

.italian-plate-font.font-weight-bold {
  font-family: "Italian-Plate-Bold", sans-serif !important;
}

.text-primary {
  color: #424d3e !important;
}

.text-secondary {
  color: #faefcd !important;
}

.font-size-12px {
  font-size: 12px;
}

.font-size-13px {
  font-size: 12px;
}

.font-size-15px {
  font-size: 15px;
}

.font-size-17px {
  font-size: 17px;
}

.font-size-18px {
  font-size: 18px;
}

.font-size-19px {
  font-size: 19px;
}

.font-size-20px {
  font-size: 20px;
}

.font-size-22px {
  font-size: 22px;
}

.font-size-24px {
  font-size: 24px;
}

.font-size-28px {
  font-size: 28px;
}

.font-size-29px {
  font-size: 29px;
}

.font-size-30px {
  font-size: 30px;
}

.font-size-36px {
  font-size: 36px;
}

.font-size-48px {
  font-size: 48px;
}

.font-size-60px {
  font-size: 60px;
}

.font-size-70px {
  font-size: 70px;
}

.font-size-80px {
  font-size: 70px;
}

.font-size-90px {
  font-size: 90px;
}

.font-size-100px {
  font-size: 100px;
}

.pt-20px {
  padding-top: 20px;
}

.mt-20px {
  margin-top: 20px;
}

.pb-20px {
  padding-bottom: 20px;
}

.pt-30px {
  padding-top: 30px;
}

.pt-40px {
  padding-top: 40px;
}

.pt-60px {
  padding-top: 60px;
}

.pb-40px {
  padding-bottom: 40px;
}

.pt-100px {
  padding-top: 100px;
}

.pb-100px {
  padding-bottom: 100px;
}

.font-weight-bold {
  font-weight: 600;
}

.btn {
  border-radius: 10px;
}

.btn-primary {
  background-color: #2b3427;
  border-color: #2b3427;
}

.btn-secondary {
  background: #5f5b56;
  border-color: #5f5b56;
}

.btn-secondary:hover {
  background: #5f5b56bb !important;
  border-color: #5f5b56;
}

.btn-outline-light {
  padding: 10px 25px;
  border: 3px solid #c3c0bb;
  font-weight: bold;
  border-radius: 20px;
}

.btn-outline-dark {
  padding: 10px 25px;
  border: 3px solid #5c634f;
  font-weight: bold;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .btn-outline-dark {
    background: #cac3bda1;
    color: white;
    font-size: 17px;
    position: absolute;
    bottom: 30px;
  }

  .btn-outline-light {
    font-size: 17px;
  }
}


body {
  font-family: "Times-Now-Light", sans-serif !important;
}

.title {
  letter-spacing: 8px;
  font-size: 48px;
}

@media (max-width: 991px) {
  .title {
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.navbar-toggler {
  background-color: #ffffffd6;
}

@media (max-width: 991px) {
  .navbar-collapse.show {
    background: #000000a1;
  }
}

.navbar-custom {
  position: absolute;
  top: 0;
  width: 100%;
}

.nav-link:hover {
  color: #faefcd !important;
}

/* #heroe {
  position: relative;
  height: 84vh;
  width: 100%;
  overflow: hidden;
} */

#heroe {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url("../images/background/heroe.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 60px;
}

@media (min-width: 992px) {
  #heroe {
    height: 200vh;
  }
}
@media (max-width: 768px) {
  .heroe-content {
    height: 49vh;
  }
}
@media (min-width: 992px) {
  .heroe-content {
    height: 55vh;
  }
}

@media (min-width: 1200px) {
  .heroe-content {
    height: 100vh;
  }
}

/* .heroe-content {
  height: 100vh;
} */

.heroe-logo {
  max-width: 400px;
  width: 90%;
}

@media (max-width: 991px) {
  .heroe-logo {
    width: 50%;
  }

  .subtitle {
    font-size: 15px;
  }
}

video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: none;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#experiencias {
  padding-top: 80px;
}

#experiencias .btn-outline-light {
  visibility: hidden;
}

@media (max-width: 991px) {
  #experiencias {
    padding-top: 40px !important;
  }

  #experiencias .btn-outline-light {
    visibility: visible;
  }
}

/* Estilos para la versión móvil */
@media (max-width: 768px) {
  .pswp__img {
    width: 100vw !important; /* Ancho completo de la ventana */
    height: 100vh !important; /* Alto completo de la ventana */
    object-fit: cover !important; /* Recorta la imagen para que cubra el contenedor */
    object-position: center !important; /* Centra la imagen recortada */
  }

  .pswp__zoom-wrap {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) !important;
  }
}



#destinos-background {
  height: 108vh;
  /* background-image: url('../images/background/fondo-green.png'); */
}

.image-title-experiencia {
  width: 150px !important;
}

.image-colibri-title-experiencia {
  width: 170px !important;
}

@media (max-width: 991px) {
  .image-experiencia {
    width: 85% !important;
  }

  .image-title-experiencia {
    width: 150px !important;
  }
}

@media (max-width: 1200px) {
  .image-experiencia {
    width: 100%;
  }

  .image-title-experiencia {
    width: 150px !important;
  }
}

@media (min-width: 1200px) {
  .image-experiencia {
    width: 200px !important;
  }

  .image-title-experiencia {
    width: 150px !important;
  }
}

#experiencias .cards {
  /* cursor: pointer; */
}

/* @media (min-width: 991px) {
  #experiencias {
    height: 100vh;
  }
} */
#destino {
  background: url("../images/background/destino.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 932px) and (orientation: landscape) {
  .image-experiencia {
    width: 50% !important;
  }

  #destino {
    height: auto !important; 
  }
  #destino-map {
    height: 100vh !important;
  }
  
  #destino .btn-outline-dark {
    position: static;
  }
  
}

@media (max-width: 992px) {
  .destino-subtitle-1 {
    font-size: 20px;
  }

  .destino-subtitle-2 {
    font-size: 50px;
  }

  .destino-subtitle-3 {
    font-size: 71px;
  }

  .destino-subtitle-4 {
    font-size: 20px;
  }

  .destino-subtitle-5 {
    font-size: 18px;
  }
}

#destino-container {
  background: url("../images/background/fondo-green.jpg");
}

#destino-options {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 100vh; */
  letter-spacing: 0.1em;
}

#destino-map {
  /* background: url("../images/destino/mapa.jpg"); */
  background-image: url("../images/background/mapa.png"),
    url("../images/background/fondo-green.jpg");
  background-size: cover;
  background-position: 0px 108px, 0px 0px;
  background-repeat: no-repeat;
  height: 122vh;
  padding-top: 56px;
}

.destino-container {
  display: block;
}
#destino-options {
  display: none;
}

@media (max-width: 500px) {
  #destino-map {
    height: 30vh !important;
  }
}

@media (max-width: 992px) {
  .destino-container {
    display: none;
  }
  #destino-options {
    display: block;
  }

  #destino-map {
    background-position: center;
    height: 53vh;
  }
}


#masterplan {
  /* background: url("../images/masterplan/mapa.jpg"); */
  background-image: url(../images/masterplan/fondo.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 122vh; */
}

.masterplan-leyendas {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 33px;
  margin: auto;
}

.title-masterplan {
  top: 70px;
  left: 0px;
  right: 0;
}

.mapa-sm {
  display: none;
}

.mapa-lg {
  display: block;
}

@media (max-width: 991px) {
  .mapa-sm {
    display: block;
  }

  .mapa-lg {
    display: none;
  }
  /* #masterplan {
    height: 45vh !important;
  } */

  .title-masterplan {
    top: 22px;
  }

  .masterplan-leyendas {
    width: 100% !important;
  }
}

/* @media (max-width: 500px) {
  #masterplan {
    height: 28vh !important;
  }
} */

#amenidades {
  background: url("../images/background/amenidades.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.amenidades-mobile {
  display: none;
}
/* 
@media (max-width: 375px) {
  .amenidades-mobile {
    height: 44vh !important;
  }
} */

.amenidades-container-mb {
  display: none;
}

@media (max-width: 576px) {
  .amenidades-mobile {
    /* height: 44vh !important; */
  }
}

@media (max-width: 991px) {
  #amenidades {
    display: none;
  }

  .amenidades-container-mb {
    display: block;
    background: url("../images/background/fondo-light.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .amenidades-mobile {
    display: block;
    background: url("../images/background/amenidades-mb.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-size: 16px !important;
    /* height: 79vh; */
  }

  #amenidades-mobile-options {
    display: block;
    background: url("../images/background/fondo-light.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 15px !important;
  }

  .amenidades-mobile-text {
    position: absolute;
    width: 219px;
    right: 0px;
    left: 135px;
    /* right: 0px; */
    bottom: 0px;
    margin: auto;
    font-style: italic;
  }

  .bullet {
    width: 35px !important;
  }
}

/* @media (max-width: 991px) {
  #amenidades2 {
    height: 45vh !important;
  }
}

@media (max-width: 500px) {
  #amenidades2 {
    height: 27vh !important;
  }
} */

.image-lateral-start {
  position: absolute;
  width: 35px;
  top: 65vh;
  left: 30px;
  z-index: 1;
}

.image-lateral-end {
  position: absolute;
  width: 35px;
  top: 65vh;
  right: 30px;
  z-index: 1;
}

.image-lateral-experiencias {
  position: absolute;
  width: 35px;
  top: 125vh;
  left: 30px;
  z-index: 1;
}

.image-colibri-amenidades {
  width: 70px;
  top: 30px;
  left: 30px;
  z-index: 1;
}

@media (max-width: 991px) {
  .image-lateral-start,
  .image-lateral-end,
  .image-lateral-experiencias {
    visibility: hidden;
  }

  .image-colibri-amenidades {
    width: 45px;
  }

  .image-destino {
    width: 70px !important;
  }

  .image-destino-cenotes {
    width: 60px !important;
  }
}

.bullet {
  width: 50px;
  padding-right: 10px;
}

.amenidades-list {
  color: #424d3e;
}

.image-destino {
  width: 100px;
}

.image-destino-cenotes {
  width: 100px;
}

#contacto {
  background: url("../images/background/contacto.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fa-brands {
  font-size: 50px;
}

@media (max-width: 991px) {
  .footer-address {
    font-size: 13px;
  }

  .footer-logo-1 {
    width: 115px !important;
  }

  .footer-logo-2 {
    width: 130px !important;
  }

  .footer-social {
    font-size: 35px;
  }
}