/* ==============================================================
   BONJOUR WEB — 26-R01F / MOBILE POLISH
   Alcance exclusivo: <= 767.98px
   ============================================================== */

@media (max-width: 767.98px) {

  /* ------------------------------------------------------------
     MENÚ MOBILE / STICKY
     El drawer claro debe mantener siempre texto azul oscuro.
     ------------------------------------------------------------ */

  .bonjour-v2 .bj-site-header.menu-open .bj-nav-panel,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-nav-panel,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-nav-panel,
  .bonjour-v2 .bj-site-header.is-stuck.is-over-dark.menu-open .bj-nav-panel {
    color: #123b64 !important;
  }

  .bonjour-v2 .bj-site-header.menu-open .bj-primary-nav > a,
  .bonjour-v2 .bj-site-header.menu-open .bj-nav-panel > a,
  .bonjour-v2 .bj-site-header.menu-open .bj-nav-services-toggle,
  .bonjour-v2 .bj-site-header.menu-open .bj-nav-submenu a,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-primary-nav > a,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-nav-panel > a,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-nav-services-toggle,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-nav-submenu a,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-primary-nav > a,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-nav-panel > a,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-nav-services-toggle,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-nav-submenu a {
    color: #123b64 !important;
    -webkit-text-fill-color: #123b64 !important;
  }

  .bonjour-v2 .bj-site-header.menu-open .bj-nav-services-toggle svg,
  .bonjour-v2 .bj-site-header.is-stuck.menu-open .bj-nav-services-toggle svg,
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open .bj-nav-services-toggle svg {
    color: #123b64 !important;
    stroke: currentColor !important;
  }

  .bonjour-v2 .bj-site-header.menu-open [data-bj-meeting-trigger],
  .bonjour-v2 .bj-site-header.is-stuck.menu-open [data-bj-meeting-trigger],
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open [data-bj-meeting-trigger] {
    color: #123b64 !important;
    -webkit-text-fill-color: #123b64 !important;
    border-color: rgba(18, 59, 100, .22) !important;
    background: rgba(255, 255, 255, .92) !important;
  }

  .bonjour-v2 .bj-site-header.menu-open [data-bj-proposal-trigger],
  .bonjour-v2 .bj-site-header.is-stuck.menu-open [data-bj-proposal-trigger],
  .bonjour-v2 .bj-site-header.is-over-dark.menu-open [data-bj-proposal-trigger] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  /* ------------------------------------------------------------
     POPUP SOLICITAR PROPUESTA
     98% del viewport disponible en mobile.
     ------------------------------------------------------------ */

  .bonjour-v2 [data-bj-proposal-modal].bj-modal {
    padding: 1dvh 1vw !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .bonjour-v2 [data-bj-proposal-modal] .bj-modal-dialog {
    width: 98vw !important;
    max-width: 98vw !important;
    height: 98dvh !important;
    max-height: 98dvh !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  .bonjour-v2 [data-bj-proposal-modal] .bj-modal-content {
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* ------------------------------------------------------------
     HOME — BENEFICIO WEB + GOOGLE ADS
     Más ancho y con margen lateral real reducido.
     ------------------------------------------------------------ */

  .bonjour-v2 .bj-bundle-benefit {
    position: relative !important;
    left: 50% !important;
    width: calc(100vw - 32px) !important;
    max-width: 430px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  .bonjour-v2 .bj-bundle-benefit strong {
    max-width: none !important;
  }

  /* ------------------------------------------------------------
     SOBRE NOSOTROS — FOTO OFICINA
     Mostrar la foto completa para no recortar el logo.
     ------------------------------------------------------------ */

  .bonjour-about-v2-page .bj-about-visual-story__media {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  .bonjour-about-v2-page .bj-about-integrated-office-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}