/* Carteleras with a fine, visible separation. Immutable release: leave this URL unchanged.
 * Scope only the playback boards, never the surrounding panel controls.
 * These rules also survive the panel's lazy-loaded legacy styles. */
.vidriera-showcase .showcase-grid,
.display-presentation.display-grid,
.display-layout-main.display-grid,
#vidrieraRoot #displayStage.display-grid,
#vidrieraRoot .vd-board-playback,
#vidrieraRoot .vd-generator-preview,
#vidrieraRoot .vd-preview-board,
#vidrieraRoot .vd-cycle-thumb {
  gap: 6px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #171426 !important;
  box-sizing: border-box;
  align-items: stretch;
}

.vidriera-showcase .showcase-grid > .vidriera-slide,
.display-presentation.display-grid > .display-cell,
.display-layout-main.display-grid > .display-cell,
#vidrieraRoot #displayStage.display-grid > .display-cell,
#vidrieraRoot .vd-board-playback > .vidriera-slide,
#vidrieraRoot .vd-generator-preview > .vidriera-slide,
#vidrieraRoot .vd-preview-board > .vidriera-slide,
#vidrieraRoot .vd-cycle-thumb > .vidriera-slide,
.display-cell > .vidriera-slide {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Keep the same visible separation at thumbnail scale. */
#vidrieraRoot .vd-preview-board,
#vidrieraRoot .vd-cycle-thumb,
#vidrieraRoot .vd-cycle-thumb.vd-preview-board {
  gap: 1px !important;
  padding: 1px !important;
}
#vidrieraRoot .vd-preview-board > .vidriera-slide,
#vidrieraRoot .vd-cycle-thumb > .vidriera-slide {
  border-radius: 1px !important;
}