/* ==========================================================
   SIMULADORES - RESPONSIVE ONLY (NO TOCA SCROLL / NO HEIGHT)
   - Arregla “se va a la derecha” en móvil
   - Evita que Elementor/Nested Tabs limiten anchos
   ========================================================== */

/* >>> CAMBIA ESTE ID POR EL DE TU PÁGINA REAL <<< */
body.page-id-23002 { overflow-x: hidden !important; }

/* 1) Tu wrapper del HTML widget */
body.page-id-23002 .iframe-container,
body.page-id-23002 .iframe-container2,
body.page-id-23002 .iframe-container3{
  width: 100% !important;
  max-width: 100% !important;
}

/* 2) El iframe SIEMPRE al 100% de ancho (altura la de tu HTML inline) */
body.page-id-23002 .iframe-container iframe,
body.page-id-23002 .iframe-container2 iframe,
body.page-id-23002 .iframe-container3 iframe{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* 3) Fallback por si algún iframe queda “suelto” */
body.page-id-23002 iframe[src*="/simuladores/"],
body.page-id-23002 iframe[src*="Simulador"]{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* 4) Elementor: evitar que flex/boxed empuje a la derecha */
body.page-id-23002 .elementor,
body.page-id-23002 .elementor-section,
body.page-id-23002 .elementor-container,
body.page-id-23002 .elementor-column,
body.page-id-23002 .elementor-widget,
body.page-id-23002 .elementor-widget-wrap,
body.page-id-23002 .elementor-widget-container,
body.page-id-23002 .e-con,
body.page-id-23002 .e-con-inner{
  max-width: 100% !important;
}

/* Clave en layouts flex: permitir shrink */
body.page-id-23002 .elementor-column,
body.page-id-23002 .elementor-widget-wrap,
body.page-id-23002 .e-con,
body.page-id-23002 .e-con-inner{
  min-width: 0 !important;
}

/* Si hay contenedores "boxed" con max-width fijo, suéltalos */
body.page-id-23002 .e-con-boxed > .e-con-inner{
  max-width: 100% !important;
}

/* 5) Nested Tabs: paneles de contenido al 100% */
body.page-id-23002 .e-n-tabs-content,
body.page-id-23002 .e-n-tabs-content > [role="tabpanel"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* 6) Asegurar que el widget HTML sea 100% */
body.page-id-23002 .elementor-widget-html,
body.page-id-23002 .elementor-widget-html .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;
}

/* 7) Anti “corrimiento” global solo en esa página */
body.page-id-23002,
body.page-id-23002 .site-content,
body.page-id-23002 .ast-container{
  max-width: 100% !important;
  overflow-x: hidden !important;
}