/* EFEIGHT.com Booking CTA — aislado de los estilos globales y de Bookings. */
.efeight-bcta {
  --ebcta-ink: #172638;
  --ebcta-gold: #e4a725;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  min-height: 312px;
  margin: 24px auto;
  padding: clamp(28px, 4.6vw, 56px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0 18px 70px rgba(19, 35, 51, .075);
  background-color: #102438;
  background-image:
    linear-gradient(90deg,
      rgba(9, 25, 41, .89) 0%,
      rgba(9, 25, 41, .76) 33%,
      rgba(9, 25, 41, .34) 69%,
      rgba(9, 25, 41, .16) 100%),
    url("images/efeight-call-to-action.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
.efeight-bcta,
.efeight-bcta * {box-sizing: border-box;}
.efeight-bcta__content {position:relative;z-index:1;width:100%;max-width:790px;}
.efeight-bcta__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
  color: #f8d781 !important;
  font-size: 11px;
  font-weight: 780;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.efeight-bcta__brand-line {width:21px;height:2px;border-radius:3px;background:#e4a725;flex:0 0 auto;}
.efeight-bcta .efeight-bcta__title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(27px, 3.5vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .23);
  text-transform: none !important;
}
.efeight-bcta .efeight-bcta__subtitle {
  max-width: 640px;
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #f0f4f9 !important;
  -webkit-text-fill-color: #f0f4f9 !important;
  font-size: clamp(14px, 1.45vw, 17px) !important;
  font-weight: 440 !important;
  line-height: 1.57 !important;
  text-align: left !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .22);
}
.efeight-bcta .efeight-bcta__button,
.efeight-bcta .efeight-bcta__button:visited {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 46px;
  max-width: 100%;
  padding: 13px 21px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f9d56c 0%, #f1b62a 100%) !important;
  box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
  color: var(--ebcta-ink) !important;
  -webkit-text-fill-color: var(--ebcta-ink) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
  cursor: pointer;
}
.efeight-bcta .efeight-bcta__button:hover {filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.17);}
.efeight-bcta .efeight-bcta__button:active {transform:translateY(0);}
.efeight-bcta .efeight-bcta__button:focus-visible {outline:3px solid #fff !important;outline-offset:4px !important;}
.efeight-bcta__arrow {width:18px;height:18px;flex:0 0 auto;}
@media (max-width: 640px) {
  .efeight-bcta {
    min-height: 330px;
    margin: 14px auto;
    padding: 27px 23px;
    border-radius: 15px;
    background-image:
      linear-gradient(90deg, rgba(9,25,41,.91), rgba(9,25,41,.65)),
      url("images/efeight-call-to-action.webp");
    background-position: 57% center;
  }
  .efeight-bcta__brand {margin-bottom:13px;}
  .efeight-bcta .efeight-bcta__title {font-size:clamp(25px, 7.4vw, 34px) !important;letter-spacing:-.03em !important;}
  .efeight-bcta .efeight-bcta__subtitle {margin-bottom:23px !important;}
  .efeight-bcta .efeight-bcta__button {width:100%;gap:8px;padding:14px 13px !important;}
}
@media (prefers-reduced-motion: reduce) {
  .efeight-bcta .efeight-bcta__button {transition:none !important;}
}