/* Menú y soporte móvil. El panel conserva su scroll nativo; todas las
   herramientas quedan dentro del desplegable, sin un límite de altura fijo. */
.mobile-menu .mm-sub.open {
  max-height: none;
  overflow: visible;
  transition: visibility .2s;
}
.mobile-menu .mm-sub a {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* YouTube requiere al menos 200 × 200 px para conservar sus controles. */
.support-video { max-width: 820px; margin-inline: auto; }
.support-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 200px;
  background: #071321;
  border-radius: 18px;
  overflow: hidden;
}
.support-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.support-video-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 12px;
  color: var(--zen-green-700);
  font-size: .875rem;
  font-weight: 700;
}

/* El Messenger de Intercom abre a pantalla completa bajo 768 px. Se
   dimensiona su contenedor público, sin acceder a su documento remoto. */
.zen-chat-close { display: none; }
.zen-chat-close[hidden] { display: none !important; }
@media (max-width: 767px) {
  html.zen-chat-open .intercom-messenger-frame {
    position: fixed !important;
    inset: auto !important;
    top: var(--zen-chat-top, 120px) !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    width: min(400px, calc(100% - 24px)) !important;
    height: var(--zen-chat-height, min(560px, 72dvh)) !important;
    max-width: calc(100% - 24px) !important;
    max-height: min(560px, calc(100dvh - 96px)) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: var(--sh-xl) !important;
  }
  html.zen-chat-open .intercom-messenger-frame > iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: inherit !important;
  }
  .zen-chat-close {
    position: fixed;
    z-index: 2147483647;
    top: max(env(safe-area-inset-top, 0px), calc(var(--zen-chat-top, 120px) - 52px));
    right: 12px;
    width: 44px;
    height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--zen-green-700);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: var(--sh-sm);
  }
  .zen-chat-close svg { width: 20px; height: 20px; }
  .zen-chat-close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
}