.bonjour-v2 .bj-about{
  --blue:#0c4b89;
  --blue-deep:#073762;
  --red:#ee3f4d;
  --ink:#102039;
  --muted:#65758a;
  --line:rgba(16,32,57,.10);
  --soft:#f4f6f8;
  overflow:hidden;
  background:#fff;
  color:var(--ink);
  font-family:Helvetica,Arial,sans-serif!important;
}

.bonjour-v2 .bj-about *{box-sizing:border-box}

.bonjour-v2 .bj-about h1,
.bonjour-v2 .bj-about h2,
.bonjour-v2 .bj-about h3,
.bonjour-v2 .bj-about p,
.bonjour-v2 .bj-about button,
.bonjour-v2 .bj-about blockquote{
  font-family:Helvetica,Arial,sans-serif!important;
}

.bonjour-v2 .bj-about-shell{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

.bonjour-v2 .bj-about-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 13px;
  border:1px solid rgba(12,75,137,.16);
  border-radius:999px;
  background:rgba(12,75,137,.055);
  color:var(--blue);
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.bonjour-v2 .bj-about-eyebrow--light{
  border-color:rgba(255,255,255,.23);
  background:rgba(255,255,255,.08);
  color:#fff;
}

.bonjour-v2 .bj-about h1,
.bonjour-v2 .bj-about h2,
.bonjour-v2 .bj-about h3,
.bonjour-v2 .bj-about p,
.bonjour-v2 .bj-about blockquote{margin-top:0}

.bonjour-v2 .bj-about h1,
.bonjour-v2 .bj-about h2,
.bonjour-v2 .bj-about h3{letter-spacing:-.025em}

.bonjour-v2 .bj-about-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  text-decoration:none!important;
  cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s;
}

.bonjour-v2 .bj-about-btn:hover,
.bonjour-v2 .bj-about-btn:focus{
  transform:none!important;
  text-decoration:none!important;
}

.bonjour-v2 .bj-about-btn--light{
  border-color:rgba(255,255,255,.78);
  background:#fff;
  color:var(--blue);
}

.bonjour-v2 .bj-about-btn--light:hover,
.bonjour-v2 .bj-about-btn--light:focus{
  background:rgba(255,255,255,.88);
}

/* Header inicial equivalente al hero oscuro de Home. */

/* Hero */
.bonjour-v2 .bj-about-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 20%,rgba(38,133,222,.30),transparent 27%),
    linear-gradient(135deg,#0e4e90 0%,#0a447e 52%,#073761 100%);
  color:#fff;
}

.bonjour-v2 .bj-about-hero__waves{
  position:absolute;
  inset:0 0 0 auto;
  width:68%;
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  opacity:.22;
  pointer-events:none;
}

.bonjour-v2 .bj-about-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);
  gap:clamp(52px,7vw,100px);
  align-items:center;
  padding-block:146px 94px;
}

.bonjour-v2 .bj-about-hero__copy{max-width:720px}

.bonjour-v2 .bj-about-hero h1{
  max-width:720px;
  margin:22px 0 20px;
  color:#fff;
  font-size:clamp(46px,4.7vw,64px);
  font-weight:500;
  line-height:1.01;
}

.bonjour-v2 .bj-about-hero__lead{
  max-width:700px;
  margin-bottom:28px;
  color:rgba(255,255,255,.82);
  font-size:clamp(17px,1.35vw,19px);
  line-height:1.58;
}

.bonjour-v2 .bj-about-hero__panel{
  padding:32px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:rgba(6,39,72,.38);
  box-shadow:0 28px 70px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}

.bonjour-v2 .bj-about-hero__year{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
}

.bonjour-v2 .bj-about-hero__year span{
  color:rgba(255,255,255,.62);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.bonjour-v2 .bj-about-hero__year strong{
  font-size:clamp(50px,5vw,68px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1;
}

.bonjour-v2 .bj-about-hero__divider{
  height:1px;
  margin:25px 0 22px;
  background:rgba(255,255,255,.15);
}

.bonjour-v2 .bj-about-hero__panel p{
  margin-bottom:24px;
  color:rgba(255,255,255,.78);
  font-size:16px;
  line-height:1.6;
}

.bonjour-v2 .bj-about-hero__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.bonjour-v2 .bj-about-hero__chips span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  font-size:12px;
  font-weight:700;
}

/* Evolución */
.bonjour-v2 .bj-about-story{padding:96px 0 88px}

.bonjour-v2 .bj-about-story__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:clamp(48px,7vw,104px);
  align-items:start;
}

.bonjour-v2 .bj-about-story h2,
.bonjour-v2 .bj-about-section-head h2,
.bonjour-v2 .bj-about-partner h2,
.bonjour-v2 .bj-about-clients h2,
.bonjour-v2 .bj-about-testimonials h2,
.bonjour-v2 .bj-about-visual-story h2{
  margin:20px 0 0;
  font-size:clamp(34px,3.5vw,49px);
  font-weight:500;
  line-height:1.06;
}

.bonjour-v2 .bj-about-story__copy{padding-top:44px}

.bonjour-v2 .bj-about-story__copy p,
.bonjour-v2 .bj-about-visual-story__copy p,
.bonjour-v2 .bj-about-partner__copy p{
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.bonjour-v2 .bj-about-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:66px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.bonjour-v2 .bj-about-stat{padding:30px}

.bonjour-v2 .bj-about-stat+.bj-about-stat{
  border-left:1px solid var(--line);
}

.bonjour-v2 .bj-about-stat strong{
  display:flex;
  align-items:baseline;
  color:var(--blue);
  font-size:clamp(44px,4.7vw,60px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1;
}

.bonjour-v2 .bj-about-stat>span{
  display:block;
  margin-top:12px;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}

/* Imagen editorial */
.bonjour-v2 .bj-about-visual-story{
  padding:96px 0;
  background:linear-gradient(135deg,#f3f5f7,#eef2f5);
}

.bonjour-v2 .bj-about-visual-story__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(50px,7vw,94px);
  align-items:center;
}

.bonjour-v2 .bj-about-visual-story__media{
  margin:0;
  overflow:hidden;
  min-height:460px;
  border-radius:28px;
  background:#dfe6ed;
  box-shadow:0 24px 58px rgba(19,38,58,.10);
}

.bonjour-v2 .bj-about-visual-story__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
}

.bonjour-v2 .bj-about-visual-story__copy p:first-of-type{
  margin-top:22px;
}

/* No trabajamos con piezas aisladas */
.bonjour-v2 .bj-about-principle{
  padding:94px 0;
  background:
    radial-gradient(circle at 82% 0%,rgba(40,134,219,.22),transparent 30%),
    linear-gradient(135deg,#0e4e90,#0a447d 55%,#073762);
  color:#fff;
}

.bonjour-v2 .bj-about-principle__intro{max-width:780px}

.bonjour-v2 .bj-about-principle__intro h2{
  margin:20px 0 16px;
  color:#fff;
  font-size:clamp(38px,4vw,54px);
  font-weight:500;
  line-height:1.03;
}

.bonjour-v2 .bj-about-principle__intro>p{
  max-width:720px;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.65;
}

.bonjour-v2 .bj-about-principle__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:50px;
}

.bonjour-v2 .bj-about-principle__card{
  min-height:290px;
  padding:28px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:24px;
  background:rgba(255,255,255,.035);
}

.bonjour-v2 .bj-about-principle__number{
  color:var(--red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.bonjour-v2 .bj-about-principle__icon{
  width:48px;
  height:48px;
  margin-top:30px;
  color:rgba(255,255,255,.90);
}

.bonjour-v2 .bj-about-principle__icon svg{
  display:block;
  width:48px;
  height:48px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bonjour-v2 .bj-about-principle__card h3{
  margin:22px 0 13px;
  color:#fff;
  font-size:22px;
  font-weight:600;
  line-height:1.15;
}

.bonjour-v2 .bj-about-principle__card p{
  margin-bottom:0;
  color:rgba(255,255,255,.68);
  font-size:15px;
  line-height:1.65;
}

/* Expectativas */
.bonjour-v2 .bj-about-expect{
  padding:96px 0;
  background:var(--soft);
}

.bonjour-v2 .bj-about-section-head{max-width:750px}

.bonjour-v2 .bj-about-section-head>p{
  max-width:650px;
  margin:20px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}

.bonjour-v2 .bj-about-expect__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:50px;
}

.bonjour-v2 .bj-about-expect__card{
  min-height:220px;
  padding:28px;
  border:1px solid rgba(18,32,51,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 36px rgba(20,38,59,.04);
}

.bonjour-v2 .bj-about-expect__icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(12,75,137,.08);
  color:var(--blue);
  font-size:11px;
  font-weight:800;
}

.bonjour-v2 .bj-about-expect__card h3{
  margin:30px 0 11px;
  font-size:22px;
  font-weight:600;
}

.bonjour-v2 .bj-about-expect__card p{
  margin-bottom:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

/* Testimonios demo */
.bonjour-v2 .bj-about-testimonials{padding:96px 0}

.bonjour-v2 .bj-about-testimonials__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}

.bonjour-v2 .bj-about-testimonials__head>div{max-width:760px}

.bonjour-v2 .bj-about-testimonials__draft{
  padding:7px 10px;
  border-radius:999px;
  background:#fff2d9;
  color:#8b5b00;
  font-size:11px;
  font-weight:700;
}

.bonjour-v2 .bj-about-testimonials__viewport{margin-top:48px}

.bonjour-v2 .bj-about-testimonials__track{display:grid}

.bonjour-v2 .bj-about-testimonial{
  grid-area:1/1;
  min-height:360px;
  padding:clamp(32px,5vw,58px);
  border:1px solid var(--line);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% 10%,rgba(18,104,189,.09),transparent 28%),
    #f8fafc;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.bonjour-v2 .bj-about-testimonial.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.bonjour-v2 .bj-about-testimonial__quote-mark{
  color:var(--blue);
  font-size:72px;
  font-weight:700;
  line-height:.7;
}

.bonjour-v2 .bj-about-testimonial blockquote{
  max-width:890px;
  margin:24px 0 44px;
  font-size:clamp(24px,2.4vw,34px);
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.02em;
}

.bonjour-v2 .bj-about-testimonial footer{
  display:flex;
  align-items:center;
  gap:15px;
}

.bonjour-v2 .bj-about-testimonial__avatar{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:50%;
  background:linear-gradient(135deg,#0d4d8c,#1685dc);
  color:#fff;
  font-size:14px;
  font-weight:800;
}

.bonjour-v2 .bj-about-testimonial footer strong,
.bonjour-v2 .bj-about-testimonial footer span,
.bonjour-v2 .bj-about-testimonial footer small{
  display:block;
}

.bonjour-v2 .bj-about-testimonial footer span{
  margin-top:3px;
  color:var(--muted);
  font-size:13px;
}

.bonjour-v2 .bj-about-testimonial footer small{
  margin-top:2px;
  color:var(--blue);
  font-size:12px;
  font-weight:700;
}

.bonjour-v2 .bj-about-testimonials__controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:22px;
}

.bonjour-v2 .bj-about-testimonials__dots,
.bonjour-v2 .bj-about-testimonials__arrows{
  display:flex;
  gap:8px;
}

.bonjour-v2 .bj-about-testimonials__dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#cbd5df;
  cursor:pointer;
}

.bonjour-v2 .bj-about-testimonials__dots button.is-active{
  background:var(--blue);
}

.bonjour-v2 .bj-about-testimonials__arrows button{
  width:44px;
  height:44px;
  border:1px solid rgba(12,75,137,.16);
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font-size:20px;
  cursor:pointer;
}

.bonjour-v2 .bj-about-testimonials__arrows button:hover{
  background:#eef5fb;
}

/* Clientes */
.bonjour-v2 .bj-about-clients{
  padding:92px 0 100px;
  border-top:1px solid var(--line);
}

.bonjour-v2 .bj-about-clients__head{max-width:760px}

.bonjour-v2 .bj-about-clients__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:46px;
}

.bonjour-v2 .bj-about-client{
  display:grid;
  place-items:center;
  min-height:126px;
  padding:22px;
  border:1px solid rgba(16,32,57,.08);
  border-radius:18px;
  background:#fafbfc;
  text-decoration:none!important;
}

.bonjour-v2 .bj-about-client img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:62px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.66;
  transition:filter .2s,opacity .2s;
}

.bonjour-v2 .bj-about-client:hover img,
.bonjour-v2 .bj-about-client:focus img{
  filter:grayscale(0);
  opacity:1;
}

/* Partner */
.bonjour-v2 .bj-about-partner{
  padding:96px 0;
  background:#f4f6f8;
}

.bonjour-v2 .bj-about-partner__grid{
  display:grid;
  grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);
  gap:clamp(50px,7vw,100px);
  align-items:center;
}

.bonjour-v2 .bj-about-partner__badge{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:290px;
  padding:44px;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
}

.bonjour-v2 .bj-about-partner__badge img{
  display:block;
  width:min(100%,280px);
  height:auto;
}

/* Cierre */
.bonjour-v2 .bj-about-close{
  position:relative;
  overflow:hidden;
  padding:68px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 85% 10%,rgba(73,169,255,.28),transparent 28%),
    linear-gradient(135deg,#0e4e90,#0a447e 55%,#073762);
  color:#fff;
}

.bonjour-v2 .bj-about-close::after{
  content:"";
  position:absolute;
  inset:-30% 0 -30% auto;
  width:58%;
  background:url("../brand/hero-wave-lines.webp") no-repeat right center/cover;
  opacity:.17;
}

.bonjour-v2 .bj-about-close__inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
}

.bonjour-v2 .bj-about-close h2{
  max-width:720px;
  margin:18px 0 12px;
  color:#fff;
  font-size:clamp(34px,3.5vw,48px);
  font-weight:500;
  line-height:1.04;
}

.bonjour-v2 .bj-about-close p{
  margin-bottom:0;
  color:rgba(255,255,255,.72);
  font-size:17px;
}

@media(max-width:980px){
  .bonjour-v2 .bj-about-hero__grid,
  .bonjour-v2 .bj-about-story__grid,
  .bonjour-v2 .bj-about-visual-story__grid,
  .bonjour-v2 .bj-about-partner__grid{
    grid-template-columns:1fr;
  }

  .bonjour-v2 .bj-about-hero{min-height:auto}

  .bonjour-v2 .bj-about-hero__grid{
    padding-block:136px 78px;
  }

  .bonjour-v2 .bj-about-story__copy{padding-top:0}

  .bonjour-v2 .bj-about-principle__grid{
    grid-template-columns:1fr;
  }

  .bonjour-v2 .bj-about-clients__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .bonjour-v2 .bj-about-shell{
    width:min(100% - 28px,1180px);
  }

  .bonjour-v2 .bj-about-hero__grid{
    padding-block:124px 64px;
    gap:38px;
  }

  .bonjour-v2 .bj-about-hero h1{
    font-size:clamp(40px,11.5vw,54px);
  }

  .bonjour-v2 .bj-about-story,
  .bonjour-v2 .bj-about-visual-story,
  .bonjour-v2 .bj-about-principle,
  .bonjour-v2 .bj-about-expect,
  .bonjour-v2 .bj-about-testimonials,
  .bonjour-v2 .bj-about-clients,
  .bonjour-v2 .bj-about-partner{
    padding-block:72px;
  }

  .bonjour-v2 .bj-about-stats{
    grid-template-columns:1fr;
  }

  .bonjour-v2 .bj-about-stat+.bj-about-stat{
    border-left:0;
    border-top:1px solid var(--line);
  }

  .bonjour-v2 .bj-about-expect__grid{
    grid-template-columns:1fr;
  }

  .bonjour-v2 .bj-about-testimonials__head{
    display:grid;
    align-items:start;
  }

  .bonjour-v2 .bj-about-clients__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .bonjour-v2 .bj-about-close__inner{
    display:grid;
    gap:28px;
  }
}

@media(prefers-reduced-motion:reduce){
  .bonjour-v2 .bj-about *,
  .bonjour-v2 .bj-about *::before,
  .bonjour-v2 .bj-about *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* 17-R03 visual refinement */
.bonjour-v2 .bj-about,
.bonjour-v2 .bj-about *{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Escalas alineadas al criterio aprobado de Home. */
.bonjour-v2 .bj-about-hero h1{
  max-width: 700px !important;
  font-size: clamp(42px, 4.15vw, 56px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}

.bonjour-v2 .bj-about-story h2,
.bonjour-v2 .bj-about-section-head h2,
.bonjour-v2 .bj-about-partner h2,
.bonjour-v2 .bj-about-clients h2,
.bonjour-v2 .bj-about-testimonials h2,
.bonjour-v2 .bj-about-visual-story h2,
.bonjour-v2 .bj-about-close h2{
  font-size: clamp(32px, 3.2vw, 44px) !important;
  line-height: 1.07 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

.bonjour-v2 .bj-about-principle__intro h2{
  font-size: clamp(34px, 3.4vw, 46px) !important;
  line-height: 1.06 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

.bonjour-v2 .bj-about-principle__card h3,
.bonjour-v2 .bj-about-expect__card h3{
  font-size: clamp(20px, 1.55vw, 23px) !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
}

/* El estado del header se delega a las mismas clases dark/light usadas en Home. */
.bonjour-v2 .bj-about [data-bj-header-theme]{
  scroll-margin-top: 120px;
}

/* Slider: movimiento sutil, sin saltos ni desplazamientos bruscos. */
.bonjour-v2 .bj-about-testimonial{
  transition:
    opacity .30s ease,
    transform .30s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .30s !important;
  transform: translate3d(0,0,0);
  will-change: opacity, transform;
}

.bonjour-v2 .bj-about-testimonial.is-active{
  transition-delay: 0s !important;
}

.bonjour-v2 .bj-about-testimonial.is-entering-next{
  opacity: 0 !important;
  transform: translate3d(22px,0,0) !important;
  visibility: visible !important;
}

.bonjour-v2 .bj-about-testimonial.is-entering-prev{
  opacity: 0 !important;
  transform: translate3d(-22px,0,0) !important;
  visibility: visible !important;
}

.bonjour-v2 .bj-about-testimonial.is-leaving-next{
  opacity: 0 !important;
  transform: translate3d(-16px,0,0) !important;
  visibility: visible !important;
}

.bonjour-v2 .bj-about-testimonial.is-leaving-prev{
  opacity: 0 !important;
  transform: translate3d(16px,0,0) !important;
  visibility: visible !important;
}

@media (max-width: 760px){
  .bonjour-v2 .bj-about-hero h1{
    font-size: clamp(38px, 10.2vw, 50px) !important;
  }

  .bonjour-v2 .bj-about-story h2,
  .bonjour-v2 .bj-about-section-head h2,
  .bonjour-v2 .bj-about-partner h2,
  .bonjour-v2 .bj-about-clients h2,
  .bonjour-v2 .bj-about-testimonials h2,
  .bonjour-v2 .bj-about-visual-story h2,
  .bonjour-v2 .bj-about-close h2,
  .bonjour-v2 .bj-about-principle__intro h2{
    font-size: clamp(30px, 8vw, 40px) !important;
  }
}

/* 17-R04L ABOUT HEADER - START */

/* Hero inicial: transparente + línea fina inferior, como Home. */
.bonjour-about-v2-page .bj-site-header:not(.is-stuck) {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

/* En sticky desaparece la línea full-width. */
.bonjour-about-v2-page .bj-site-header.is-stuck {
  border-bottom-color: transparent !important;
}

/* 17-R04L ABOUT HEADER - END */

/* 17-R04N ABOUT IS-OVER-DARK CONTENT - START */

/*
 * La cápsula ya cambia correctamente mediante is-over-dark/is-over-light.
 * Este bloque sólo completa en About la parte que Home ya resuelve:
 * contenido claro cuando el sticky está sobre una superficie azul.
 */

/* Navegación principal. */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-primary-nav > a,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-nav-panel > a,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-nav-services-toggle,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark nav > a {
  color: #fff !important;
}

/* SVG / íconos asociados al menú. */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-nav-services-toggle svg,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark nav svg {
  color: #fff !important;
  stroke: currentColor !important;
}

/* Botón secundario Agendar reunión. */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark [data-bj-meeting-trigger],
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-header-meeting,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-header-actions a:not([data-bj-proposal-trigger]) {
  color: #fff !important;
  border-color: rgba(255,255,255,.62) !important;
}

/* Logo: soportar variantes separadas si existen. */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-brand-logo--light {
  opacity: 1 !important;
  visibility: visible !important;
}

.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-brand-logo--dark {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Fallback si el header usa una sola imagen de logo. */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-site-brand img:not(.bj-brand-logo--light),
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-site-logo img:not(.bj-brand-logo--light),
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-brand img:not(.bj-brand-logo--light),
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark a[class*="brand"] img:not(.bj-brand-logo--light),
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark a[class*="logo"] img:not(.bj-brand-logo--light) {
  filter: brightness(0) invert(1) !important;
}

/*
 * El submenu de Servicios NO debe heredarse blanco:
 * conserva el dropdown blanco aprobado con texto azul.
 */
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-nav-submenu a,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark .bj-nav-dropdown a,
.bonjour-about-v2-page .bj-site-header.is-stuck.is-over-dark [class*="submenu"] a {
  color: #0b3768 !important;
}

/* 17-R04N ABOUT IS-OVER-DARK CONTENT - END */

/* 18-R01 ABOUT OFFICE IMAGE - START */

.bonjour-about-v2-page .bj-about-integrated-office-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

.bonjour-about-v2-page :is(
  .bj-about-visual,
  .bj-about-media,
  .bj-about-image,
  .bj-about-photo,
  .bj-about-support,
  [class*="integrated"][class*="visual"],
  [class*="integrated"][class*="media"],
  [class*="integrated"][class*="image"]
):has(.bj-about-integrated-office-image) {
  overflow: hidden;
}

/* 18-R01 ABOUT OFFICE IMAGE - END */