/* ════════════════════════════════════════════════════════════════════════
   CTA Strip — narrow navy gradient banner (project-wide)
   ════════════════════════════════════════════════════════════════════════ */

/* Section shell — centered within page content column */
.fa-section--cta-strip {
  padding-block: clamp(0.5rem, 1.5vw, 0.85rem);
}

.fa-section--cta-strip.fa-landing-section--band {
  background: transparent;
}

.fa-section--cta-strip.fa-landing-section--band::before,
.fa-section--cta-strip.fa-landing-section--band::after {
  display: none;
}

.fa-section__inner--cta-strip {
  width: 100%;
  max-width: var(--adonis-fa-new-container, 1240px);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 3vw, 2.5rem);
  box-sizing: border-box;
}

/* Override layout pages that pin .fa-section__inner to one side without auto margins */
.fa-layout--gv .fa-section__inner--cta-strip,
.fa-layout--fip .fa-section__inner--cta-strip,
.fa-layout--dn .fa-section__inner--cta-strip,
.fa-layout--pm .fa-section__inner--cta-strip {
  width: 100%;
  max-width: var(--adonis-fa-new-container, 1240px);
  margin-inline: auto;
}

.fa-cta-strip {
  --fa-cta-strip-gold: var(--adonis-gold, #c9a961);
  --fa-cta-strip-gold-light: #e8c97a;
  --fa-cta-strip-navy: #0d1b2a;
  --fa-cta-strip-navy-mid: #1a3155;

  background: linear-gradient(135deg, var(--fa-cta-strip-navy) 0%, var(--fa-cta-strip-navy-mid) 100%);
  border-top: 2px solid rgba(201, 168, 76, 0.3);
  border-bottom: 2px solid rgba(201, 168, 76, 0.3);
  padding: clamp(1rem, 2.5vw, 1.5rem) clamp(1.25rem, 3vw, 2rem);
  width: 100%;
  margin-inline: auto;
  border-radius: 14px;
  box-sizing: border-box;
}

.fa-cta-strip__inner {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(1rem, 2.5vw, 1.35rem);
}

.fa-cta-strip__text {
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: #fff;
  margin: 0;
  flex: unset;
  min-width: unset;
  max-width: 62ch;
  line-height: 1.5;
  text-align: center;
}

.fa-cta-strip__text span,
.fa-cta-strip__text .fa-cta-strip__subtitle {
  display: block;
  font-size: 0.95rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
  margin-top: 0.3rem;
  line-height: 1.65;
}

.fa-cta-strip__text .fa-cta-strip__subtitle p {
  margin: 0;
}

.fa-cta-strip__btns {
  display: flex;
  gap: 0.85rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
}

.fa-cta-strip__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.85rem 1.75rem;
  border-radius: 12px;
  font-size: 0.98rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  font-family: inherit;
  white-space: nowrap;
  border: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.fa-cta-strip__btn i {
  font-size: 1.1rem;
}

.fa-cta-strip__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.fa-cta-strip__btn--consult {
  background: linear-gradient(135deg, var(--fa-cta-strip-gold), var(--fa-cta-strip-gold-light));
  color: #0d1b2a;
}

.fa-cta-strip__btn--consult:hover {
  filter: brightness(1.08);
}

.fa-cta-strip__btn--wa {
  background: linear-gradient(135deg, #25d366, #1ebe5d);
  color: #fff;
}

.fa-cta-strip__btn--wa:hover {
  filter: brightness(1.08);
}

/* Scroll reveal hooks */
.fa-cta-strip__text.fa-landing-cta-part,
.fa-cta-strip__btns.fa-landing-cta-part {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--landing-delay, 0s);
}

.fa-cta-strip__text.fa-landing-cta-part.is-landing-visible,
.fa-cta-strip__btns.fa-landing-cta-part.is-landing-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 768px) {
  .fa-cta-strip {
    padding: 1.5rem 1.25rem;
  }

  .fa-cta-strip__inner {
    flex-direction: column;
    text-align: center;
    gap: 1.25rem;
  }

  .fa-cta-strip__text {
    min-width: unset;
  }

  .fa-cta-strip__btns {
    justify-content: center;
    width: 100%;
  }

  .fa-cta-strip__btn {
    flex: 1 1 auto;
    justify-content: center;
    min-width: min(180px, 100%);
  }
}

@media (max-width: 400px) {
  .fa-cta-strip__btns {
    flex-direction: column;
  }

  .fa-cta-strip__btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fa-cta-strip__text.fa-landing-cta-part,
  .fa-cta-strip__btns.fa-landing-cta-part {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Standalone landing pages (e.g. golden_visa_fa) use <section class="fa-cta-strip"> */
section.fa-cta-strip {
  width: min(var(--adonis-fa-new-container, 1240px), 100%);
  max-width: var(--adonis-fa-new-container, 1240px);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 3vw, 2.5rem);
  box-sizing: border-box;
}