/*
 * V65W — Modales de /precios/ ajustados al viewport real.
 *
 * La página de precios puede mantener scrollbar vertical y
 * desbordamiento horizontal mientras algunos modales están abiertos.
 * Eso deja franjas visibles a la derecha y debajo del backdrop.
 */

/* Bloqueo simultáneo de los dos elementos desplazables raíz. */
html.dmxPricingModalViewportOpenV65W,
body.dmxPricingModalViewportOpenV65W {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overscroll-behavior: none !important;
  scrollbar-gutter: auto !important;
}

/*
 * Familias de overlays localizadas en /precios/.
 *
 * Se utiliza inset:0 + dimensiones automáticas. No se utiliza una anchura basada en el viewport,
 * porque una anchura basada en el viewport puede incluir el ancho del scrollbar del navegador.
 */
html body .dmxCouponPendingModalV3,
html body .dmxCurrencyConfirmModalV44B,
html body .dmxAffiliateDiscountModalV2,
html body .dmxGuestCheckoutModal,
html body .dmxPlanChangeModal,
html body .dmxAnnualInfoModal,
html body .dmxPaymentMethodInfoOverlayV7 {
  position: fixed !important;

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

  width: auto !important;
  height: auto !important;

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

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

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

  background-clip: border-box !important;
  isolation: isolate !important;
}

/* Los backdrops internos también deben alcanzar los cuatro bordes. */
html body .dmxCouponPendingBackdropV3,
html body .dmxCurrencyConfirmBackdropV44B,
html body .dmxAffiliateDiscountBackdropV2,
html body .dmxGuestCheckoutBackdrop,
html body .dmxPlanChangeModal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Mantener completamente ocultos los overlays cerrados. */
html body .dmxCouponPendingModalV3[hidden],
html body .dmxCouponPendingModalV3[aria-hidden="true"],
html body .dmxCurrencyConfirmModalV44B[hidden],
html body .dmxCurrencyConfirmModalV44B[aria-hidden="true"],
html body .dmxAffiliateDiscountModalV2[hidden],
html body .dmxAffiliateDiscountModalV2[aria-hidden="true"],
html body .dmxGuestCheckoutModal[hidden],
html body .dmxGuestCheckoutModal[aria-hidden="true"],
html body .dmxPlanChangeModal[hidden],
html body .dmxPlanChangeModal[aria-hidden="true"],
html body .dmxAnnualInfoModal[hidden],
html body .dmxAnnualInfoModal[aria-hidden="true"],
html body .dmxPaymentMethodInfoOverlayV7[hidden],
html body .dmxPaymentMethodInfoOverlayV7[aria-hidden="true"] {
  display: none !important;
}