/* BAZ3 — Álbum */
.baz3-album{padding:clamp(90px,14vh,160px) var(--baz3-gutter);scroll-margin-top:40px;background:radial-gradient(60% 50% at 85% 10%,rgba(61,92,255,.16),transparent 70%),radial-gradient(50% 50% at 10% 90%,rgba(255,42,61,.12),transparent 70%)}
.baz3-album .head{max-width:1300px;margin:0 auto 56px}
.baz3-album .disc{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;border:1px solid var(--baz3-line);background:rgba(13,13,18,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.baz3-album .cover{position:relative;aspect-ratio:1;overflow:hidden;background:#000}
.baz3-album .cover::before{content:"";position:absolute;inset:0;background:var(--capa,none) center/cover;filter:grayscale(1) brightness(.35) contrast(1.2)}
.baz3-album canvas{position:absolute;inset:0;width:100%;height:100%}
.baz3-album .art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:36px;z-index:2;background:linear-gradient(160deg,rgba(255,42,61,.22),transparent 45%,rgba(61,92,255,.28))}
.baz3-album .art .logo{font:400 clamp(80px,10vw,150px)/.85 var(--baz3-display)}
.baz3-album .art .logo b{font-weight:400;color:var(--baz3-red)}
.baz3-album .art .sub{font:700 12px var(--baz3-mono);letter-spacing:.22em;text-transform:uppercase;color:#d7d4dd}
.baz3-album .vinyl{position:absolute;right:-28%;top:50%;width:78%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;z-index:1;
  background:radial-gradient(circle,var(--baz3-red) 0 13%,#111 13.5% 15%,transparent 15.5%),repeating-radial-gradient(circle,#161616 0 1px,#0b0b0b 2px 4px);
  box-shadow:0 0 60px rgba(0,0,0,.8);animation:baz3-spin 3.2s linear infinite;animation-play-state:paused;opacity:.9}
.baz3-album.playing .vinyl{animation-play-state:running}
@keyframes baz3-spin{to{transform:translateY(-50%) rotate(360deg)}}
.baz3-album .panel{display:flex;flex-direction:column;padding:clamp(24px,3vw,44px)}
.baz3-album .now h3{font:400 clamp(34px,3.6vw,52px)/1 var(--baz3-display);text-transform:uppercase}
.baz3-album .now p{color:var(--baz3-muted);font:12px var(--baz3-mono);letter-spacing:.1em;margin-top:6px;min-height:1em}
.baz3-album .tracklist{margin:26px 0;flex:1;border-top:1px solid var(--baz3-line)}
.baz3-album .empty{margin:26px 0;flex:1;color:var(--baz3-muted)}
.baz3-album .track{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:15px 8px;border-bottom:1px solid var(--baz3-line);cursor:pointer;transition:background .2s,padding .2s}
.baz3-album .track:hover{background:rgba(255,255,255,.04);padding-left:14px}
.baz3-album .track .n{font:700 12px var(--baz3-mono);color:var(--baz3-muted)}
.baz3-album .track .t{font-weight:600}
.baz3-album .track .t small{display:block;font:11px var(--baz3-mono);color:#6d6a75;letter-spacing:.08em;font-weight:400}
.baz3-album .track .d{font:12px var(--baz3-mono);color:var(--baz3-muted)}
.baz3-album .track.current .t,.baz3-album .track.current .n{color:var(--baz3-red)}
.baz3-album .track.current .n{font-size:0}
.baz3-album .track.current .n::before{content:"";display:inline-block;width:16px;height:12px;background:linear-gradient(var(--baz3-red),var(--baz3-red)) 0 100%/3px 40% no-repeat,linear-gradient(var(--baz3-red),var(--baz3-red)) 6px 100%/3px 100% no-repeat,linear-gradient(var(--baz3-red),var(--baz3-red)) 12px 100%/3px 65% no-repeat}
.baz3-album.playing .track.current .n::before{animation:baz3-eq .8s steps(3) infinite alternate}
@keyframes baz3-eq{to{background-size:3px 100%,3px 35%,3px 80%}}
.baz3-album .controls{display:flex;align-items:center;gap:14px}
.baz3-album .time{font:12px var(--baz3-mono);color:var(--baz3-muted);min-width:36px;text-align:center}
.baz3-album input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;border:0;padding:0;border-radius:2px;background:linear-gradient(90deg,var(--baz3-red) var(--p,0%),rgba(255,255,255,.15) var(--p,0%));cursor:pointer;min-width:60px}
.baz3-album input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--baz3-text)}
.baz3-album input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--baz3-text)}

/* mini player fixo */
.baz3-album .dock{position:fixed;left:50%;bottom:18px;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;width:min(560px,calc(100% - 24px));border-radius:999px;background:rgba(18,18,24,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.5);transform:translate(-50%,160%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.baz3-album .dock.show{transform:translate(-50%,0)}
.baz3-album .dock .info{min-width:0;flex:none;max-width:40%}
.baz3-album .dock .info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.baz3-album .dock .info small{display:block;color:var(--baz3-muted);font:11px var(--baz3-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.baz3-album .dock .bar{flex:1;height:3px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden;cursor:pointer;position:relative}
.baz3-album .dock .bar::before{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}
.baz3-album .dock .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--baz3-red),var(--baz3-blue))}
.elementor-editor-active .baz3-album .dock{display:none}

@media (max-width:980px){
  .baz3-album .disc{grid-template-columns:minmax(0,1fr)}
  .baz3-album .cover{aspect-ratio:16/10}
}
@media (max-width:760px){
  .baz3-album .controls{gap:10px}
  /* no celular, quem controla é o mini player fixo embaixo da tela */
  .baz3-album.has-dock .controls{display:none}
  .baz3-album.has-dock .tracklist{margin-bottom:0}
  .baz3-album .dock .info{max-width:46%}
  .baz3-album .dock .bar{height:4px}
}