/* 17-R04F — reglas copiadas desde el pre-footer vigente de Home */

.bj-section-kicker{
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 6px 13px;
  border-radius: 8px;
  color: #17518e;
  background: #edf5fd;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}

.bonjour-v2 .bj-home-final-cta{
  padding: 62px 0;
  color: #fff;
  background:
    radial-gradient(circle at 82% 0%, rgba(25,144,255,.20), transparent 28%),
    linear-gradient(145deg, #124b86 0%, #093967 100%);
}

.bonjour-v2 .bj-final-cta-shell{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 50px;
  align-items: center;
}

.bonjour-v2 .bj-final-cta-copy h2{
  margin: 18px 0 0;
  color: #fff;
  font-size: clamp(33px, 2.8vw, 44px);
  line-height: 1.08;
  letter-spacing: -.027em;
  font-weight: 400;
}

.bonjour-v2 .bj-final-cta-copy p{
  max-width: 720px;
  margin: 17px 0 0;
  color: rgba(255,255,255,.80);
  font-size: 16px;
  line-height: 1.56;
}

.bonjour-v2 .bj-final-cta-button{
  min-width: 220px;
  justify-content: center;
}

@media (max-width: 980px){
.bonjour-v2 .bj-final-cta-shell{
    grid-template-columns: 1fr;
  }

.bonjour-v2 .bj-final-cta-button{
    width: max-content;
  }
}

@media (max-width: 680px){
.bonjour-v2 .bj-home-final-cta{
    padding: 52px 0;
  }

.bonjour-v2 .bj-final-cta-button{
    width: 100%;
  }
}

.bonjour-v2 .bj-home-final-cta{
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 80% 16%, rgba(63,171,255,.24), transparent 24%),
    radial-gradient(circle at 22% 120%, rgba(51,146,255,.14), transparent 34%),
    linear-gradient(135deg, #0f4c8f 0%, #0d4a89 34%, #0b4179 68%, #083865 100%);
}

.bonjour-v2 .bj-home-final-cta::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 36%);
}

.bonjour-v2 .bj-final-cta-shell{
  position: relative;
  z-index: 1;
}

.bonjour-v2 .bj-home-final-cta::after{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: min(720px, 48%);
  pointer-events: none;
  z-index: 0;
  opacity: .13;
  background-image: url("../brand/hero-lines.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  mix-blend-mode: screen;
}

.bonjour-v2 .bj-home-final-cta > *{
  position: relative;
  z-index: 1;
}

.bonjour-v2 .bj-home-final-cta::after{
  inset: 0 0 0 auto;
  width: min(1080px, 62%);
  opacity: .14;
  background-image: url("../brand/hero-lines.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  transform: none;
  mix-blend-mode: screen;
}

.bonjour-v2 .bj-home-final-cta::after{
  inset: -12% -2% -12% auto !important;
  width: min(1120px, 68%) !important;
  opacity: .62 !important;
  background-image: url("../brand/hero-lines.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 145% auto !important;
  background-position: right 43% !important;
  mix-blend-mode: screen !important;
  filter: none !important;
}

.bonjour-v2 .bj-home-final-cta::after
   ========================================================================== */
.bonjour-v2 .bj-home-final-cta{
  overflow: hidden;
}

.bonjour-v2 .bj-home-final-cta::after{
  content: "";
  position: absolute;
  pointer-events: none;
  inset: -10% -2% -10% auto !important;
  width: min(1180px, 72%) !important;
  background-image: url("../brand/hero-lines.svg") !important !important;
  background-repeat: no-repeat !important !important;
  background-size: 145% auto !important !important;
  background-position: right center !important;
  opacity: 0.34 !important;
  mix-blend-mode: screen !important !important;
  filter: none !important;
  z-index: 0;
}

.bonjour-v2 .bj-home-final-cta > *{
  position: relative;
  z-index: 1;
}