/* ==============================================================
   BONJOUR WEB — 27-R03
   Consentimiento diferido visual + CTA mobile
   ============================================================== */

@media (max-width: 767.98px) {

  /* ------------------------------------------------------------
     COOKIEYES
     El banner inicial se oculta sólo mientras el JS marca delay activo.
     Preference Center y revisit controls NO se ocultan.
     ------------------------------------------------------------ */

  html.bj-cky-delay-active .cky-consent-container:not(.cky-hide) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(110%) !important;
  }

  html.bj-cky-consent-revealed .cky-consent-container:not(.cky-hide) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .cky-consent-container,
  .cky-overlay,
  .cky-modal {
    z-index: 2147483000 !important;
  }


  /* ------------------------------------------------------------
     CTA PRINCIPALES
     Más área táctil y mejor presencia visual.
     No afecta header, CookieYes ni JoinChat.
     ------------------------------------------------------------ */

  body.bonjour-v2 [class*="hero"] .bj-btn:not(.bj-btn--header-ghost):not(.bj-btn--header-primary),
  body.bonjour-v2 .bj-bundle-benefit .bj-btn,
  body.bonjour-v2 main [data-bj-proposal-trigger],
  body.bonjour-v2 main a[href*="#agendar-reunion"],
  body.bonjour-v2 main a[href*="/contacto/"].bj-btn,
  body.bonjour-v2 main button[class*="__cta"],
  body.bonjour-v2 main a[class*="__cta"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-height: 56px !important;

    width: min(80vw, 440px) !important;
    max-width: 100% !important;

    padding: 14px 24px !important;

    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-align: center !important;
    white-space: normal !important;

    box-sizing: border-box !important;

    position: relative !important;
    z-index: 20 !important;
  }

  /* Planes/tarjetas: el CTA no debe desbordar el bloque padre. */
  body.bonjour-v2 main [data-bj-proposal-trigger],
  body.bonjour-v2 main button[class*="__cta"],
  body.bonjour-v2 main a[class*="__cta"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* No modificar el tamaño actual de JoinChat. */
  .joinchat,
  .joinchat__button,
  .joinchat__button__open {
    transform: none;
  }
}