body {
  overflow: hidden;
}

html {
  overflow: hidden;
}

.hs-image-block,
.footer-image-block {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  overflow: hidden;
  background-size: cover;
  -webkit-background-size: cover;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
  font-family: "Lora", serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.count-block {
  width: 24%;
  display: inline-block;
  background-color: #718968;
  color: #fff;
  font-size: 40px;
  line-height: 1.1em;
  margin-right: 1.333333%;
  text-align: center;
  padding: 20px;
  font-family: "Lora", serif !important;
}

.count-label {
  font-family: "Lora", serif !important;
}
.count-block:last-child {
  margin-right: 0;
}

.count-block .count-label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  margin-top: 5px;
  text-transform: uppercase;
}

.banner .wrap-caption .caption-heading {
  font-size: 60px;
  font-weight: 100;
}

.banner .wrap-caption p {
  font-size: 25px;
}

.count-block {
  background-color: transparent;
  color: #3d3d3d;
}

/* .days {
  padding-left: unset;
}

.seconds {
  padding-right: unset;
} */

.count-block {
  padding-top: unset;
}

#loaderPrincipal {
  display: block;
  background: #fff;
  height: inherit;
  width: 100%;
  z-index: 9999;
  position: absolute;
}

#imagenLoaderContainer {
  display: flex;
  justify-content: center;
  position: relative;
  top: 40%;
  width: 100%;
}

#imagenLoader {
  width: 15%;
}

.content-wrap {
  padding: 20px 0px 20px 0px !important;
}

@media (max-width: 991px) {
  #imagenLoader {
    width: 40%;
  }
}

.btn-primary {
  background: #3d3d3d;
  border: 2px solid #3d3d3d;
  color: #fff !important;
  font-size: 17px;
  padding: 8px;
  width: 50%;
  border-radius: 23px;
}

#wedding-day {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form-control {
  border-radius: 10px !important;
}

.btn-primary:hover {
  border-color: #6f4b34;
}

.sectionPrincipal {
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wrap-caption {
  position: absolute !important;
  top: 55px !important;
}

.textoCurvoPrincipal {
  font-family: Brittany Signature, sans-serif !important;
}

.curved-text-container {
  width: 300px;
  /* Ajusta el ancho según necesites */
  height: 150px;
  /* Ajusta la altura según necesites */
  overflow: hidden;
  /* Para ocultar cualquier texto que se desborde */
  position: relative;
}

.curved-text {
  display: inline-block;
  width: 100%;
  text-align: center;
  transform: rotate(-20deg);
  /* Ajusta el ángulo de la curva */
  transform-origin: bottom;
  /* Punto de origen para la rotación */
  position: absolute;
  bottom: 0;
  /* Posición en la parte inferior */
  left: 50%;
  transform: translateX(-50%) rotate(-20deg);
  /* Centra el texto y aplica la rotación */
}

.banner .overlay-bg {
  background: none !important;
}

.banner .owl-theme .item img {
  display: block !important;
}
.nosCasamosContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.btn-primary {
  border-bottom: unset !important;
}

#ingresarButton {
  border: unset;
  margin-top: 28px;
  border-radius: 2px;
}

#ingresarButton:active {
  background: #718968;
  border: #718968;
  box-shadow: none;
}

.nosCasamosContainer img {
  width: 100% !important;
  padding-top: 170px;
}

@media (min-width: 380px) {
  .nosCasamosContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .nosCasamosContainer img {
    width: 80% !important;
    padding-top: 50px;
  }
}

@media (min-width: 800px) {
  .nosCasamosContainer img {
    width: 60% !important;
    padding-top: 50px;
  }
}

@media (min-width: 1000px) {
  .nosCasamosContainer img {
    width: 50% !important;
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .nosCasamosContainer img {
    width: 40% !important;
    padding-top: 50px;
  }
}

@media (min-width: 1650px) {
  .nosCasamosContainer img {
    width: 35% !important;
    padding-top: 50px;
  }
}

@media (min-width: 750px) {
  #graciasFooter {
    bottom: 45px !important;
    top: unset !important;
  }
}

@media (min-width: 1400px) {
  #home {
    display: flex !important;
    justify-content: center !important;
  }

  .owl-carousel {
    width: 65% !important;
  }
}

.btn-primary:disabled {
  background: #718968;
  border: #718968;
  box-shadow: none;
}

/* #home {
  height: 100vh !important;
} */

@media(max-height:850px) {
  #home {
      height: calc(var(--vh, 1vh) * 57) !important;
  }

  #wedding-day {
      height: calc(var(--vh, 1vh) * 20) !important;
      margin-top: calc(var(--vh, 1vh) * 5) !important;
  }


}

#story {
  margin-top: calc(var(--vh, 1vh) * 10) !important;
}



@media(max-height:3000px) {
  #home {
      height: calc(var(--vh, 1vh) * 75);
  }

  #wedding-day {
      height: calc(var(--vh, 1vh) * 20);
      margin-top: calc(var(--vh, 1vh) * 5);
  }
}




@media (min-width: 1400px) {
  #footer-image-block {
      background-image: url("images/playa1_desktop.jpg") !important;
      background-position: top !important;
  }

  #graciasFooter {
      display: none !important;
  }
}

.modal {
  top: 15vh !important;
}