/* TecniQuote v5.4.8 - escritorio adaptable
   Este archivo solo actua desde 821 px; la interfaz movil queda intacta. */

@media (min-width:821px){
  body.tq-diagram-mode{
    overflow:hidden!important;
  }

  body.tq-diagram-mode .tq-pro-diagram{
    grid-template-rows:68px minmax(0,1fr)!important;
  }

  body.tq-diagram-mode .tq-pro-topbar{
    height:68px!important;
    min-height:68px!important;
    padding:6px 14px!important;
  }

  body.tq-diagram-mode .tq-pro-logo{
    font-size:23px!important;
  }

  body.tq-diagram-mode .tq-pro-navbtn{
    min-width:64px!important;
    height:52px!important;
    padding:4px 7px!important;
  }

  body.tq-diagram-mode .tq-pro-shell{
    position:relative!important;
    grid-template-columns:224px minmax(0,1fr) 272px!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
    overflow:hidden!important;
    transition:grid-template-columns .2s ease!important;
  }

  body.tq-diagram-mode .tq-pro-left,
  body.tq-diagram-mode .tq-pro-right{
    transition:transform .2s ease,opacity .16s ease!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-shell{
    grid-template-columns:0 minmax(0,1fr) 272px!important;
  }

  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-shell{
    grid-template-columns:224px minmax(0,1fr) 0!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed.tq-desktop-right-closed .tq-pro-shell{
    grid-template-columns:0 minmax(0,1fr) 0!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-left,
  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-right{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-left{transform:translateX(-20px)!important}
  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-right{transform:translateX(20px)!important}

  body.tq-diagram-mode .tq-pro-center{
    grid-template-rows:auto minmax(0,1fr) 104px!important;
    gap:7px!important;
    min-width:0!important;
  }

  body.tq-diagram-mode .tq-pro-toolbar{
    min-height:48px!important;
    padding:5px 7px!important;
    gap:6px!important;
  }

  body.tq-diagram-mode .tq-pro-toolbar-left,
  body.tq-diagram-mode .tq-pro-toolbar-right{
    gap:5px!important;
  }

  body.tq-diagram-mode .tq-pro-pill{
    height:36px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }

  body.tq-diagram-mode .tq-layout-toggle{
    flex:0 0 auto!important;
    height:36px!important;
    padding:0 10px!important;
    border:1px solid #315875!important;
    border-radius:10px!important;
    background:#10263a!important;
    color:#e7f6ff!important;
    font-size:10px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }

  body.tq-diagram-mode .tq-layout-toggle[aria-pressed="true"]{
    background:linear-gradient(180deg,#1d72ff,#0d63ed)!important;
    border-color:#4093ff!important;
  }

  body.tq-diagram-mode .tq-pro-stagecard{
    min-width:0!important;
    min-height:0!important;
  }

  body.tq-diagram-mode .tq-pro-views{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    height:104px!important;
    min-width:0!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  body.tq-diagram-mode .tq-pro-viewcard{
    height:104px!important;
  }

  body.tq-diagram-mode .tq-pro-viewthumb{
    height:67px!important;
  }

  body.tq-diagram-mode .tq-pro-viewlabel{
    padding:6px 7px!important;
    font-size:10px!important;
  }

  /* La informacion deja de quitarle espacio a las cinco vistas. */
  body.tq-diagram-mode .tq-pro-infocard{
    display:none!important;
  }

  body.tq-diagram-mode .tq-pro-left>.tq-pro-panel{
    border-radius:14px!important;
  }

  body.tq-diagram-mode .tq-pro-left-head{
    padding:11px 11px 7px!important;
  }

  body.tq-diagram-mode .tq-pro-left-body{
    padding:0 9px 9px!important;
  }

  body.tq-diagram-mode .tq-component-card{
    min-height:94px!important;
    padding:7px 5px!important;
  }

  body.tq-diagram-mode .tq-component-art{
    width:52px!important;
    height:42px!important;
  }

  body.tq-diagram-mode .tq-pro-right #tqPropertiesDrawer{
    border-radius:14px!important;
  }

  body.tq-diagram-mode .tq-pro-right #v4102CollapseSide{
    display:grid!important;
    place-items:center!important;
  }

  body.tq-diagram-mode .tq-pro-right .v4102-sidecontent{
    padding:9px!important;
  }

  body.tq-diagram-mode .tq-pro-right label{
    font-size:10px!important;
  }

  body.tq-diagram-mode .tq-pro-right input,
  body.tq-diagram-mode .tq-pro-right select{
    height:38px!important;
    padding:7px 8px!important;
    font-size:11px!important;
  }
}

/* Laptop: el lienzo ocupa todo el ancho y los paneles se abren encima. */
@media (min-width:821px) and (max-width:1180px){
  body.tq-diagram-mode .tq-pro-shell,
  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-shell,
  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-shell,
  body.tq-diagram-mode.tq-desktop-left-closed.tq-desktop-right-closed .tq-pro-shell{
    grid-template-columns:minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  body.tq-diagram-mode .tq-pro-center{
    grid-column:1!important;
    grid-row:1!important;
  }

  body.tq-diagram-mode .tq-pro-left,
  body.tq-diagram-mode .tq-pro-right{
    position:absolute!important;
    z-index:115!important;
    top:7px!important;
    bottom:7px!important;
    width:274px!important;
    height:auto!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:0 20px 55px rgba(0,0,0,.55)!important;
  }

  body.tq-diagram-mode .tq-pro-left{left:7px!important}
  body.tq-diagram-mode .tq-pro-right{right:7px!important;width:286px!important}

  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-left{
    transform:translateX(calc(-100% - 18px))!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-right{
    transform:translateX(calc(100% + 18px))!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  body.tq-diagram-mode .tq-pro-topbar .tq-pro-mainnav{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  body.tq-diagram-mode .tq-pro-topbar .tq-pro-mainnav::-webkit-scrollbar{display:none}
  body.tq-diagram-mode .tq-pro-user .meta{display:none!important}
}

@media (min-width:1181px) and (max-width:1499px){
  body.tq-diagram-mode .tq-pro-shell{
    grid-template-columns:214px minmax(0,1fr) 266px!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed .tq-pro-shell{
    grid-template-columns:0 minmax(0,1fr) 266px!important;
  }

  body.tq-diagram-mode.tq-desktop-right-closed .tq-pro-shell{
    grid-template-columns:214px minmax(0,1fr) 0!important;
  }

  body.tq-diagram-mode.tq-desktop-left-closed.tq-desktop-right-closed .tq-pro-shell{
    grid-template-columns:0 minmax(0,1fr) 0!important;
  }
}