/* sidebar.css — columna fija de navegación (home, /musica/, fichas). Misma paleta. */
.sidebar{
  position:fixed;left:0;top:0;bottom:0;z-index:60;
  width:200px;
  display:flex;flex-direction:column;
  background:#010201;
  border-right:1px solid var(--line);
  padding:24px 0 18px;
  text-align:left;
}
.side-brand{
  display:block;padding:0 22px;margin-bottom:6px;
  color:var(--mint);letter-spacing:.3em;text-transform:uppercase;
  text-decoration:none;font-size:.92rem;line-height:1.5;
}
.side-brand em{display:block;color:var(--mint-dim);font-style:normal;letter-spacing:.24em;font-size:.6rem;margin-top:2px}
.side-label{
  display:block;padding:20px 22px 8px;
  font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--mint-dim);
}
.side-nav{display:flex;flex-direction:column}
.side-link{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  color:var(--mint-dim);text-decoration:none;
  font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  padding:9px 22px;border-left:2px solid transparent;
  transition:color .2s,border-color .2s,background .2s;
}
.side-link:hover,.side-link.active{color:var(--mint);border-left-color:var(--mint);background:rgba(157,245,207,.05)}
.side-link[aria-current="page"]{color:var(--mint);border-left-color:var(--mint)}
.side-primary{color:var(--mint);border-left-color:var(--mint-dim)}
.side-primary:hover{color:#000;background:var(--mint);border-left-color:var(--mint)}
.side-soon{font-size:.54rem;letter-spacing:.16em;color:var(--mint-dim);border:1px solid var(--line);padding:2px 6px;text-transform:uppercase}
.side-foot{
  margin:14px 22px 0 22px;padding-top:12px;border-top:1px solid var(--line);
  font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mint-dim);line-height:1.9;
}
@media (min-width:801px){
  body{padding-left:200px}
}
@media (max-width:800px){
  .sidebar{
    position:static;width:100%;height:auto;
    flex-direction:row;align-items:center;gap:4px;
    border-right:0;border-bottom:1px solid var(--line);
    padding:8px 12px;overflow-x:auto;scrollbar-width:thin;
  }
  .side-brand{padding:0 12px;white-space:nowrap;margin-bottom:0;font-size:.8rem}
  .side-brand em{display:none}
  .side-label{display:none}
  .side-nav{flex-direction:row;gap:2px}
  .side-link{padding:8px 12px;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}
  .side-link:hover,.side-link.active,.side-link[aria-current="page"]{border-left-color:transparent;border-bottom-color:var(--mint)}
  .side-primary{border-left-color:transparent}
  .side-foot{display:none}
}