/* Integración del simulador con páginas WordPress */
body.simulador-page-active{
  overflow-x:hidden!important;
}

/* El simulador debe ocupar el área principal completa y no competir con la
   barra lateral del tema (productos/widgets que aparecían a la derecha). */
body.simulador-page-active #secondary,
body.simulador-page-active .widget-area,
body.simulador-page-active .site-sidebar,
body.simulador-page-active .sidebar-primary,
body.simulador-page-active aside.sidebar,
body.simulador-page-active .right-sidebar,
body.simulador-page-active .secondary-sidebar{
  display:none!important;
}

body.simulador-page-active #primary,
body.simulador-page-active .content-area,
body.simulador-page-active .site-main,
body.simulador-page-active main.site-main,
body.simulador-page-active article.page,
body.simulador-page-active .entry-content{
  width:100%!important;
  max-width:none!important;
  float:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Evita el bloque duplicado del título de la página encima del simulador. */
body.simulador-page-active .entry-header,
body.simulador-page-active .page-header{
  display:none!important;
}

body.simulador-page-active .entry-content{
  padding-left:0!important;
  padding-right:0!important;
}

.simulador-plugin-wrap{
  display:block;
  width:100%;
  max-width:none!important;
  margin:0;
  padding:0;
  line-height:0;
  position:relative;
  z-index:20;
  background:#f5f7fb;
  overflow:hidden;
  clear:both;
}

/* El ajuste exacto al viewport lo hace JS para que funcione incluso si el
   tema usa columnas, Elementor, contenedores boxed o márgenes propios. */
.simulador-plugin-fullwidth{
  max-width:none!important;
}

.simulador-plugin-iframe{
  display:block;
  width:100%!important;
  max-width:none!important;
  min-height:700px;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:#f5f7fb;
  overflow:hidden;
}

@media (max-width: 1180px){
  .simulador-plugin-iframe{min-height:820px;}
}

@media (max-width: 782px){
  .simulador-plugin-iframe{min-height:980px;}
}
