/*
 * V65U — Modal de planes anclado al viewport real.
 *
 * El overlay puede ser emitido dentro de contenedores de la página.
 * El JavaScript V65U lo mueve a body; estas reglas garantizan además
 * que su caja cubra todo el viewport, sin franjas a la derecha o abajo.
 */

html body .dmxPlanGateModal[data-dmx-plan-gate-modal] {
  position: fixed !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  inset: 0 auto auto 0 !important;

  width: 100vw !important;
  height: 100vh !important;

  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  box-sizing: border-box !important;

  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  zoom: 1 !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  background-clip: border-box !important;
}

@supports (width: 100dvw) {
  html body .dmxPlanGateModal[data-dmx-plan-gate-modal] {
    width: 100dvw !important;
  }
}

@supports (height: 100dvh) {
  html body .dmxPlanGateModal[data-dmx-plan-gate-modal] {
    height: 100dvh !important;
  }
}

html body .dmxPlanGateModal[data-dmx-plan-gate-modal][hidden],
html body .dmxPlanGateModal[data-dmx-plan-gate-modal][aria-hidden="true"] {
  display: none !important;
}