/* Los tres dashboards comparten lenguaje visual: son muestras de un mismo producto. */
.demos{display:grid;gap:var(--sp-5);margin-top:var(--sp-5)}
.dash{border:1px solid var(--line);border-radius:var(--r-3);background:var(--paper);
  box-shadow:var(--shadow-card);overflow:hidden}
.dash__bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;
  padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface)}
.dash__title{font-weight:600;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.25rem .5rem;border-radius:4px;background:var(--blue-wash);color:var(--blue-deep);border:1px solid #D6E4FB}
.seal{font-family:var(--mono);font-size:.7rem;color:var(--ink-soft);display:flex;align-items:center;gap:.45rem}
.seal::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}
.dash__filters{display:flex;flex-wrap:wrap;gap:.4rem;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}
.chip{font:500 var(--step--1)/1 var(--font);padding:.45rem .8rem;border:1px solid var(--line-strong);
  background:var(--paper);color:var(--ink-soft);border-radius:999px;cursor:pointer;transition:.15s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.dash__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));border-bottom:1px solid var(--line)}
.kpi{padding:var(--sp-4);border-right:1px solid var(--line)}
.kpi:last-child{border-right:0}
.kpi__l{font-size:var(--step--1);color:var(--ink-soft)}
.kpi__v{font-family:var(--mono);font-weight:600;font-size:var(--step-2);letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;margin-top:.25rem;line-height:1.1}
.kpi__d{font-family:var(--mono);font-size:.71rem;font-weight:600;margin-top:.3rem}
.is-up{color:var(--ok)}.is-down{color:var(--bad)}.is-flat{color:var(--ink-soft)}
.dash__charts{display:grid;grid-template-columns:1.45fr 1fr}
.pane{padding:var(--sp-4);border-right:1px solid var(--line);min-width:0}
.pane:last-child{border-right:0}
.pane h4{font-family:var(--mono);font-size:.71rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:var(--sp-3)}
.cbox{position:relative;height:255px}
.dash__foot{border-top:1px solid var(--line);padding:var(--sp-4);display:grid;gap:.55rem}
.row{display:flex;align-items:center;gap:.65rem;font-size:var(--step--1)}
.row i{width:8px;height:8px;border-radius:2px;flex:none}
.row b{margin-left:auto;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
@media(max-width:880px){.dash__charts{grid-template-columns:1fr}
  .pane{border-right:0;border-bottom:1px solid var(--line)}
  .pane:last-child{border-bottom:0}
  .kpi{border-right:0;border-bottom:1px solid var(--line)}
  .cbox{height:230px}}