/* Vistio Business v1.1.91 — vista «Escritorio» centrada en el teléfono.
   Se aplica sólo al editor móvil de Tarjetas, Vistio Link y Catálogos.
   Conserva las miniaturas ampliadas de 1.1.90 y no modifica escritorio real. */
@media (max-width: 820px) {
  #workspace #view-content.vb188-tools:is([data-vb188-section="cards"], [data-vb188-section="hubs"], [data-vb188-section="catalogs"])
  #resource-form .preview-canvas:has(#live-preview.v101-preview-desktop) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    scroll-snap-type: none !important;
  }

  #workspace #view-content.vb188-tools:is([data-vb188-section="cards"], [data-vb188-section="hubs"], [data-vb188-section="catalogs"])
  #resource-form .preview-canvas #live-preview.v101-preview-desktop {
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    flex: 0 0 auto !important;
    transform: none !important;
    transform-origin: top center !important;
    margin: 0 auto !important;
    max-width: none !important;
  }

  /* El aviso fue introducido sólo para la vista escalada por v1.1.90. */
  #workspace #view-content .vb190-desktop-hint { display: none !important; }
}
