.redes-workspace-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--outline-variant);margin:0 0 1rem;padding:0 .15rem}
.redes-workspace-nav a{display:inline-flex;gap:.5rem;align-items:center;min-height:44px;padding:.5rem 0;text-decoration:none;border-bottom:3px solid transparent;font-weight:600;color:var(--on-surface-variant)}
.redes-workspace-nav a[aria-current=page]{color:var(--fiaca-navy,#0d1f3c);border-bottom-color:var(--fiaca-orange,#f37021)}
.redes-beta{font-size:.65rem;font-weight:700;line-height:1.3;padding:.15rem .35rem;background:var(--fiaca-selection,#fff1e7);border-radius:4px;color:#98430c}
.pieces-experience .main{padding-top:1.25rem;padding-bottom:1rem}#view-piezas{max-width:none}#view-piezas .view-head{margin-bottom:.5rem}#pieces-editor-host{width:100%;min-width:0}#pieces-editor-frame{display:block;width:100%;height:calc(100dvh - 17rem);min-height:460px;border:0;background:var(--surface,#f7f5f0);border-radius:8px}
#pieces-shell-status:empty{display:none}#pieces-shell-status{margin-bottom:.6rem}#view-piezas:has(#pieces-shell-status:not(:empty)) #pieces-editor-frame{height:calc(100dvh - 19rem)}
@media(max-width:820px){.redes-workspace-nav{gap:1rem}#pieces-editor-frame{height:calc(100dvh - 12rem);min-height:470px}}

#redes-guia-frame{display:block;width:100%;height:calc(100dvh - 15rem);min-height:600px;border:0;border-radius:12px;background:#fff}
@media(max-width:820px){#redes-subnav{flex-wrap:wrap}#redes-subnav a{white-space:normal}#redes-guia-frame{min-height:480px;height:calc(100dvh - 15rem)}}

/* Piezas fills the workspace row. Navigation and status keep their natural height. */
body.pieces-experience #app-view {
  block-size: 100dvh;
}
body.pieces-experience #app-view > .main,
body.pieces-experience #view-piezas:not([hidden]),
body.pieces-experience #pieces-editor-host {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}
body.pieces-experience #app-view > .main {
  overflow-y: auto;
}
body.pieces-experience #view-piezas:not([hidden]),
body.pieces-experience #pieces-editor-host {
  flex: 1 1 0;
}
body.pieces-experience #view-piezas > :not(#pieces-editor-host) {
  flex: none;
}
body.pieces-experience #pieces-editor-host {
  min-block-size: 240px;
}
body.pieces-experience #app-view #view-piezas #pieces-editor-frame {
  flex: 1 1 0;
  block-size: 0;
  min-block-size: 0;
}