/* R2: conservar el diseño amplio; en móvil el contenido fluye y las tablas
   anchas se desplazan dentro del panel, sin ocultar el menú ni los botones. */
.invium-version { clear: both; padding: 8px 16px; background: #1e1e1e; color: white; }
.invium-version a { color: #9ed8ff; }
@media screen and (max-width: 1000px) {
  #top_header, #header, #body_table, #footer, #contenedor_cabecera {
    min-width: 0; width: 100%; box-sizing: border-box;
  }
  #top_header, #contenedor_cabecera { height: auto; display: flow-root; }
  #top_header_left, #top_header_right, #contenedor_cabecera_left, #contenedor_cabecera_right {
    float: none; margin: 0 8px; width: auto;
  }
  #header { height: auto; min-height: 105px; }
  #header img { max-width: calc(100% - 30px); height: auto; }
  #body_table, #body_tr, #body_td1, #body_td2 { display: block; width: 100%; }
  #body_td1 ul li ul { position: static; width: 100%; }
  #body_td2 { overflow-x: auto; }
  #display_contenido { margin: 0; padding: 12px; }
  #contenedor_cabecera { position: static; }
  #contenedor_general { min-width: 0; max-width: 100%; }
  #contenedor_cuerpo { box-sizing: border-box; max-width: 100%; overflow-x: auto; }
  #footer_texto { float: none; padding: 10px; line-height: 1.6; }
  #barraaceptacion { position: static; height: auto; }
  #barraaceptacion .inner { position: static; width: auto; height: auto; padding: 10px; display: flow-root; }
  input, select, textarea { max-width: 100%; box-sizing: border-box; }
}