/* Estilos que en Webflow vivían como "custom code" en cada página */

.slick-arrow {
  font-family: 'webflow-icons' !important;
  font-size: 0;
  line-height: 0;
  padding: 0;
  position: absolute;
  bottom: -25px;
  color: #413863;
  display: block;
  background: none;
  z-index: 9;
  width: 20px;
  height: 20px;
}

.signup-popup,
.search-main,
.book-recommedation-form {
  opacity: 0;
  transition: ease 0.25s;
  visibility: hidden;
}
.signup-popup.open,
.search-main.open,
.book-recommedation-form.open {
  opacity: 1;
  visibility: visible;
}

/* Campo trampa anti-spam de los formularios */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Lightbox de video (reemplazo del lightbox de webflow.js) */
.w-lightbox-backdrop.bk-lightbox {
  opacity: 1;
  animation: bk-fade-in 300ms ease;
}
@keyframes bk-fade-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .w-lightbox-backdrop.bk-lightbox {
    animation: none;
  }
}
.bk-lightbox .w-lightbox-frame {
  position: relative;
  width: min(90vw, 160vh);
  max-width: 1200px;
}
.bk-lightbox .w-lightbox-figure {
  position: relative;
  padding-top: 56.25%;
}

/* Bloques "embed" del editor nuevo */
.post-body .w-embed iframe {
  max-width: 100%;
}