/* Software ESM WEB216 PASO 24 · corrección aislada del panel visual GPS */

/*
  Distribución física protegida:
  menú a la izquierda (definido por PASO 23), imagen al centro e información
  siempre visible en una columna independiente a la derecha.
*/
#modalGps .gps22-presentacion{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

#modalGps .gps22-presentacion>.gps22-imagen-wrap{
  position:absolute!important;
  inset:0 420px 0 0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  overflow:hidden!important;
  z-index:1!important;
}

#modalGps .gps22-presentacion>.gps22-imagen-wrap>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

#modalGps .gps22-presentacion>.gps22-informacion{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:420px!important;
  height:100%!important;
  min-width:420px!important;
  max-width:420px!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:24px 27px 20px!important;
  border-left:1px solid rgba(56,189,248,.3)!important;
  background:linear-gradient(145deg,#030d1d 0%,#071a2d 100%)!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column!important;
  overflow:hidden!important;
  z-index:20!important;
}

#modalGps .gps22-subtitulo,
#modalGps .gps22-especificaciones,
#modalGps .gps22-indicadores,
#modalGps .gps22-ingresar{
  visibility:visible!important;
  opacity:1!important;
}

#modalGps .gps22-subtitulo{
  display:block!important;
  flex:0 0 auto!important;
}

#modalGps .gps22-especificaciones{
  display:grid!important;
  flex:0 0 auto!important;
}

#modalGps .gps22-indicadores{
  display:grid!important;
  flex:0 0 auto!important;
}

#modalGps .gps22-ingresar{
  display:flex!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:auto 0 0!important;
  flex:0 0 50px!important;
  transform:none!important;
  z-index:30!important;
}

@media(max-width:1180px) and (min-width:821px){
  #modalGps .gps22-presentacion>.gps22-imagen-wrap{inset:0 365px 0 0!important}
  #modalGps .gps22-presentacion>.gps22-informacion{width:365px!important;min-width:365px!important;max-width:365px!important;padding:19px 21px 17px!important}
}

@media(max-height:720px) and (min-width:821px){
  #modalGps .gps22-presentacion>.gps22-informacion{padding:14px 20px 13px!important}
  #modalGps .gps22-informacion h3{margin:8px 0 5px!important;font-size:1.35rem!important}
  #modalGps .gps22-informacion>p{margin-bottom:7px!important;font-size:.68rem!important}
  #modalGps .gps22-especificacion{min-height:28px!important;padding:3px 0!important;font-size:.63rem!important}
  #modalGps .gps22-indicadores{margin:7px 0!important}
  #modalGps .gps22-indicador{padding:5px 4px!important}
  #modalGps .gps22-ingresar{height:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px!important}
}

@media(max-width:820px){
  #modalGps .gps22-presentacion{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:250px auto!important;min-height:690px!important;overflow:visible!important}
  #modalGps .gps22-presentacion>.gps22-imagen-wrap{position:relative!important;inset:auto!important;width:100%!important;height:250px!important}
  #modalGps .gps22-presentacion>.gps22-informacion{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0!important;max-width:none!important;padding:18px!important;overflow:visible!important}
}