.m-disco .discos-grid{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px);}
.m-disco + .m-disco{border-top:1px solid rgba(42,28,18,0.18);}
.m-reproductor,.m-disco .player-card{--wood-dark:var(--fondo);--wood-darker:#0e0c0b;--parchment:var(--crema);--brick:var(--naranja);--brick-bright:var(--naranja);--ocher:var(--naranja);}
.m-reproductor{font-family:var(--sans);background:var(--panel);padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,88px);}
.m-reproductor .player-card{margin-bottom:0;}
.m-reproductor button{font-family:var(--sans);}
/* ---------- REPRODUCTOR DE TEMA INDIVIDUAL ---------- */
.track-player{
  background:var(--wood-dark);border-radius:14px;
  padding:16px 24px;margin-bottom:24px;
  display:flex;align-items:center;gap:18px;
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.np-btn{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:transparent;border:1px solid rgba(243,236,224,0.3);
  color:var(--parchment);font-size:0.85rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s, background .2s;
}
.np-btn:hover{border-color:var(--ocher);}
.np-btn-main{background:var(--brick);border-color:var(--brick);color:var(--panel);}
.np-btn-main:hover{background:var(--brick-bright);border-color:var(--brick-bright);opacity:0.85;}
.np-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.np-btn-sm{width:32px;height:32px;}
.np-btn:disabled{opacity:.35;cursor:default;}
.np-info{flex-shrink:0;min-width:160px;max-width:220px;}
.np-title{font-family:var(--serif);color:var(--parchment);font-size:0.98rem;line-height:1.3;}
.np-artist{color:rgba(243,236,224,0.55);font-size:0.78rem;margin-top:2px;}
.np-progress-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0;}
.np-time{color:rgba(243,236,224,0.55);font-size:0.78rem;flex-shrink:0;width:34px;}
.np-time:last-child{text-align:right;}
.np-bar{
  flex:1;height:8px;border-radius:4px;background:rgba(243,236,224,0.15);
  cursor:pointer;position:relative;touch-action:none;overflow:hidden;
}
.np-bar::before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:32px;}
.np-waveform{height:34px;background:none;border-radius:0;display:flex;align-items:center;gap:2px;overflow:visible;}
.wf-bar{flex:1;min-width:2px;border-radius:2px;background:rgba(243,236,224,0.18);transition:background-color .12s ease;}
.wf-bar.wf-loaded{background:rgba(243,236,224,0.4);}
.wf-bar.wf-played{background:var(--ocher);}
.np-menu-wrap{position:relative;flex-shrink:0;}
.np-menu-btn{background:transparent;border:0;width:32px;height:32px;font-size:18px;line-height:1;}
.np-menu{
  position:absolute;top:calc(100% + 6px);right:0;background:var(--wood-dark);
  border:1px solid rgba(243,236,224,0.15);border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,0.4);min-width:160px;z-index:5;overflow:hidden;
}
.np-menu-item{display:block;padding:10px 14px;font-size:13.5px;color:var(--parchment);text-decoration:none;white-space:nowrap;}
.np-menu-item:hover{background:rgba(243,236,224,0.08);}
@media (max-width:700px){
  .track-player{flex-wrap:wrap;padding:16px;}
  .np-controls{order:0;}
  .np-info{max-width:none;order:1;flex:1 1 100%;}
  .np-progress-wrap{order:2;flex:1 1 100%;}
}

/* ---------- LISTA DE TEMAS ---------- */
.track-list{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;}
.tl-item{
  display:flex;align-items:center;gap:16px;width:100%;text-align:left;
  background:var(--wood-dark);border:1px solid transparent;border-radius:12px;
  padding:12px 20px;cursor:pointer;color:var(--parchment);font:inherit;
  transition:background .2s, border-color .2s;
}
.tl-item:hover{background:var(--wood-darker);border-color:rgba(243,236,224,0.2);}
.tl-item.is-active{border-color:var(--ocher);}
.tl-num{width:24px;flex-shrink:0;text-align:center;color:rgba(243,236,224,0.55);font-size:0.85rem;}
.tl-item.is-active .tl-num{color:var(--ocher);}
.tl-text{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:18px;row-gap:2px;min-width:0;}
.tl-title{font-family:var(--serif);font-size:0.98rem;line-height:1.3;min-width:190px;}
.tl-item.is-active .tl-title{color:var(--ocher);}
.tl-artist{color:rgba(243,236,224,0.55);font-size:0.78rem;}
@media (max-width:700px){.tl-title{min-width:0;flex:1 1 100%;}}
.player-card{background:var(--wood-dark);border-radius:14px;padding:8px;margin-bottom:24px;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.player-card .track-player{background:none;box-shadow:none;margin-bottom:0;padding:14px 16px;}
.player-card .track-list{margin:0;padding-top:8px;border-top:1px solid rgba(243,236,224,0.12);gap:2px;}
.player-card .tl-item{background:transparent;border-radius:8px;padding:10px 16px;}
.player-card .tl-item:hover{background:rgba(243,236,224,0.06);border-color:transparent;}
.player-card .tl-item.is-active{background:rgba(217,138,82,0.14);border-color:transparent;}

.m-disco-player{padding-top:0;padding-bottom:clamp(36px,5vw,64px);}
.m-disco .discos-grid{padding-bottom:clamp(24px,3vw,36px);}
.m-disco .player-card{margin-bottom:0;font-family:var(--sans);}