/* Rail una sola línea + píldoras (misma estética que antes) */
.lgc-rail{
  position:relative; overflow:hidden; width:100%;
  border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06);
  padding:.35rem 0; cursor:grab; user-select:none; -webkit-user-select:none; touch-action:pan-x;
}
.lgc-rail.lgc--dragging{ cursor:grabbing; }
.lgc-track{ display:flex; flex-wrap:nowrap; align-items:center; gap:.6rem; white-space:nowrap; }
.lgc-loop{ display:flex; flex-wrap:nowrap; gap:.6rem; }
.lgc-tile{ display:inline-flex; align-items:center; gap:.6rem;
  border:1px solid #ddd; border-radius:6px; padding:.35rem .6rem;
  font-size:14px; line-height:1; background:#fff; white-space:nowrap;
}
.lgc-label{color:#555;font-weight:500}
.lgc-value{font-weight:700}
.lgc-sub{color:#666}
.lgc-up{color:#1e8e3e}
.lgc-down{color:#c62828}
.lgc-dot{display:inline-block;width:0;height:0;border-left:.3rem solid transparent;border-right:.3rem solid transparent}
.lgc-dot.up{border-bottom:.45rem solid #1e8e3e}
.lgc-dot.down{border-top:.45rem solid #c62828}
.lgc-muted{opacity:.7}
.lgc-sep{color:#aaa;margin:0 .25rem}