/*
 CARGODEC LEGACY STYLE
 ORDEN=88
 ID=cargo_visor_yolka_v3_fix_css
 EXTRAIDO_DE=index.html
*/


/*
 * El overlay V2 ya funciona.
 * Este bloque fuerza el panel al centro y evita
 * que reglas legacy lo colapsen hacia la derecha.
 */

#cargoYolkaViewerV2{
  position:fixed!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;

  width:100vw!important;
  height:100vh!important;

  margin:0!important;
  padding:0!important;

  z-index:2147483000!important;

  background:rgba(6,18,38,.72)!important;

  overflow:hidden!important;
}

#cargoYolkaViewerV2.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

#cargoYolkaViewerV2 .cgViewerPanel{
  position:absolute!important;

  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;

  transform:translate(-50%,-50%)!important;

  width:min(1080px,88vw)!important;
  max-width:1080px!important;
  min-width:650px!important;

  height:min(820px,88vh)!important;
  max-height:820px!important;
  min-height:520px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  flex-direction:column!important;

  visibility:visible!important;
  opacity:1!important;

  overflow:hidden!important;

  background:#fff!important;

  border-radius:16px!important;

  box-shadow:
    0 25px 80px
    rgba(0,0,0,.40)!important;
}

#cargoYolkaViewerV2 .cgViewerHead{
  position:relative!important;

  flex:0 0 58px!important;

  width:100%!important;
  height:58px!important;
  min-height:58px!important;

  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:8px 14px!important;

  background:#17375e!important;
  color:#fff!important;

  visibility:visible!important;
}

#cargoYolkaViewerV2 .cgViewerBody{
  position:relative!important;

  flex:1 1 auto!important;

  width:100%!important;
  min-width:0!important;
  min-height:0!important;

  display:block!important;

  overflow:hidden!important;

  background:#333!important;
}

#cargoYolkaViewerV2 iframe{
  position:absolute!important;

  left:0!important;
  top:0!important;

  width:100%!important;
  height:100%!important;

  display:block!important;

  visibility:visible!important;
  opacity:1!important;

  border:0!important;

  background:#fff!important;
}

#cargoYolkaViewerV2 .cgViewerClose{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:38px!important;
  min-width:38px!important;
  height:38px!important;

  padding:0!important;

  visibility:visible!important;

  cursor:pointer!important;
}

@media(max-width:760px){

  #cargoYolkaViewerV2 .cgViewerPanel{
    width:96vw!important;
    min-width:0!important;

    height:92vh!important;
    min-height:0!important;

    border-radius:12px!important;
  }
}