/* Website presentation only: saved GridStack coordinates stay unchanged. */
@media (max-width: 900px) {
  html, body { width:100%; margin:0; }
  .mockup-studio.is-export { width:100%!important; min-width:0!important; padding:6px!important; box-sizing:border-box; }
  .mockup-studio.is-export .mockup-body,
  .mockup-studio.is-export .mockup-canvas { height:auto!important; min-height:0!important; width:100%!important; min-width:0!important; }
  .mockup-studio.is-export .mockup-canvas { padding:6px!important; gap:12px!important; }
  .mockup-studio.is-export .mockup-canvas-header { padding:14px!important; gap:12px; align-items:flex-start; }
  .mockup-studio.is-export .mockup-canvas-title { font-size:22px!important; line-height:1.25!important; }
  .mockup-studio.is-export [data-role=page-desc] { font-size:13px!important; line-height:1.5!important; }
  .mockup-studio.is-export .mockup-canvas-view-actions { justify-content:flex-start; gap:8px; }
  .mockup-studio.is-export .grid-stack { display:flex!important; flex-direction:column; gap:12px; height:auto!important; min-height:0!important; width:100%!important; }
  .mockup-studio.is-export .grid-stack > .grid-stack-item:not(.dv-control-zoomed) { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-width:0!important; padding:0!important; margin:0!important; transform:none!important; }
  .mockup-studio.is-export .grid-stack-item:not(.dv-control-zoomed) > .grid-stack-item-content { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-width:0!important; overflow:visible!important; }
  .mockup-studio.is-export .mockup-widget { width:100%; min-width:0; height:auto; box-sizing:border-box; }
  .mockup-studio.is-export .mockup-widget-body { height:auto; min-height:0; padding:10px!important; }
  .mockup-studio.is-export .mockup-widget-header { padding:9px 10px!important; gap:8px; align-items:flex-start; min-height:40px!important; }
  .mockup-studio.is-export .mockup-widget-title { min-width:0; flex:1 1 0; font-size:14px!important; line-height:1.35; }
  .mockup-studio.is-export .mockup-widget-title > span { white-space:normal; overflow-wrap:anywhere; }
  .mockup-studio.is-export .mockup-widget-actions { flex:0 0 auto; gap:5px; }
  .mockup-studio.is-export .mockup-title-edit { min-width:36px; min-height:36px; }
  .mockup-studio.is-export .mockup-tabs { display:block; height:auto!important; min-height:0; }
  .mockup-studio.is-export .mockup-tabs-header { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto; gap:8px!important; padding:6px 2px 12px!important; scrollbar-width:thin; overscroll-behavior-x:contain; }
  .mockup-studio.is-export .mockup-tab-btn { flex:0 0 auto; min-height:40px; padding:7px 12px; font-size:14px!important; white-space:nowrap; }
  .mockup-studio.is-export .mockup-tabs-body { position:static; height:auto!important; }
  .mockup-studio.is-export .mockup-tabs-panel { position:static!important; height:auto!important; overflow:visible!important; }
  .mockup-studio.is-export .mockup-widget[data-component=tabs] > .mockup-widget-body { overflow:visible; }
  .mockup-studio.is-export .mockup-container-surface { height:auto!important; padding:0!important; overflow:visible; }
  .mockup-studio.is-export .mockup-widget[data-component=text] .mockup-text { height:auto!important; font-size:14px!important; line-height:1.5; overflow-wrap:anywhere; }
  .mockup-studio.is-export .mockup-widget:is([data-component=dropdown_filter],[data-component=parameter_control],[data-component=date_filter]) > .mockup-widget-body { min-height:68px; }
  .mockup-studio.is-export .mockup-filter-value-row { width:100%; }
  .mockup-studio.is-export select.mockup-select,
  .mockup-studio.is-export input.mockup-input,
  .mockup-studio.is-export [data-filter-search-toggle] { min-height:40px!important; font-size:16px; }
  .mockup-studio.is-export .mockup-widget[data-component=chart] > .mockup-widget-body { min-height:330px; }
  .mockup-studio.is-export .mockup-widget[data-component=chart] .mockup-chart { height:340px!important; flex:none; min-height:0; }
  .mockup-studio.is-export .mockup-widget[data-chart-type=map] .mockup-chart { height:370px!important; }
  .mockup-studio.is-export .dv-map-status,
  .mockup-studio.is-export .dv-map-legend { max-width:44%; font-size:10px; overflow-wrap:anywhere; }
  .mockup-studio.is-export .mockup-widget:is([data-component=table],[data-component=matrix]) > .mockup-widget-body { display:block; overflow-x:auto; overflow-y:hidden; }
  .mockup-studio.is-export .mockup-widget:is([data-component=table],[data-component=matrix]) > .mockup-widget-body::before,
  .mockup-studio.is-export .mockup-widget[data-chart-type=diagram] > .mockup-widget-body::before { content:'Desliza horizontalmente para explorar'; display:block; position:sticky; left:0; margin-bottom:8px; color:#683149; font-size:12px; }
  .mockup-studio.is-export .tabulator-cell { font-size:13px!important; }
  .mockup-studio.is-export .tabulator-col-title { font-size:12px!important; }
  .mockup-studio.is-export .mockup-table,
  .mockup-studio.is-export .mockup-matrix { min-width:820px; height:360px!important; flex:none!important; }
  .mockup-studio.is-export .mockup-widget[data-chart-type=diagram] > .mockup-widget-body { display:block; overflow-x:auto; overflow-y:hidden; }
  .mockup-studio.is-export .mockup-widget[data-chart-type=diagram] .mockup-chart { min-width:720px; height:440px!important; }
  .mockup-studio.is-export .mockup-widget[data-component=image] .mockup-image { height:270px; flex:none; }
  .mockup-studio.is-export .mockup-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item { grid-column:1 / -1; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item:has(> .grid-stack-item-content > [data-widget-id=bc-hero]) { order:0; }
  .mockup-studio.is-export .mockup-widget[data-widget-id=bc-hero] .mockup-image { height:200px; }
  .mockup-studio.is-export [data-widget-id=bc-hero] .mockup-image img { object-position:center 28%; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item:has(> .grid-stack-item-content > [data-component=kpi]) { grid-column:auto; order:1; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item:has(> .grid-stack-item-content > [data-widget-id=bc-reflection]) { order:2; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item:has(> .grid-stack-item-content > [data-widget-id=bc-explorer]) { order:3; }
  .mockup-studio.is-export .mockup-grid > .grid-stack-item:has(> .grid-stack-item-content > [data-widget-id^=bc-footer-]) { order:4; }
  .mockup-studio.is-export .mockup-widget[data-component=kpi] { height:140px; }
  .mockup-studio.is-export .mockup-kpi-value { font-size:24px!important; line-height:1.2; }
  .mockup-studio.is-export .mockup-kpi-primary { font-size:13px!important; line-height:1.4; }
  .mockup-studio.is-export .mockup-kpi-metrics { padding:8px!important; }
  .mockup-studio.is-export [data-widget-id=bc-explorer] > .mockup-widget-body { padding:8px!important; }
}