/* BAZ3 — Palco (abertura vista da plateia) + faixa de texto */
.baz3-palco{--foco:38%;--plateia:30%;--gel-1:var(--baz3-red);--gel-2:var(--baz3-blue);height:100vh;height:100svh;min-height:620px;overflow:hidden;overflow:clip;isolation:isolate}
.baz3-palco .stage{position:absolute;inset:0;--mx:0px;--my:0px}
.baz3-palco .img{position:absolute;inset:-4%;background:var(--foto) 50% var(--foco)/cover no-repeat;transform:translate3d(var(--mx),var(--my),0) scale(1.04);filter:saturate(.25) contrast(1.15) brightness(.8)}
.baz3-palco .gel{position:absolute;inset:0;background:
  radial-gradient(60% 80% at 22% 25%,var(--gel-1),transparent 70%),
  radial-gradient(60% 80% at 80% 22%,var(--gel-2),transparent 70%),
  linear-gradient(90deg,color-mix(in srgb,var(--gel-1) 35%,#000),color-mix(in srgb,var(--gel-2) 30%,#000));
  mix-blend-mode:color;opacity:.92}
.baz3-palco .beams{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}
.baz3-palco .beams i{position:absolute;top:-10%;width:22vw;height:90%;transform-origin:50% 0;filter:blur(18px);opacity:.38;animation:baz3-sweep 9s ease-in-out infinite alternate;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.baz3-palco .beams i:nth-child(odd){background:linear-gradient(180deg,var(--gel-1),transparent 85%)}
.baz3-palco .beams i:nth-child(even){background:linear-gradient(180deg,var(--gel-2),transparent 85%)}
.baz3-palco .beams i:nth-child(1){left:18%;--a:-24deg;--b:6deg}
.baz3-palco .beams i:nth-child(2){left:32%;--a:18deg;--b:-14deg;animation-duration:11s}
.baz3-palco .beams i:nth-child(3){left:44%;--a:-10deg;--b:16deg;animation-duration:7s;opacity:.28}
.baz3-palco .beams i:nth-child(4){left:56%;--a:20deg;--b:-8deg;animation-duration:12s}
.baz3-palco .beams i:nth-child(5){left:68%;--a:-18deg;--b:22deg;animation-duration:10s}
@keyframes baz3-sweep{from{transform:rotate(var(--a))}to{transform:rotate(var(--b))}}
.baz3-palco .haze{position:absolute;inset:0;background:radial-gradient(40% 30% at 50% 45%,rgba(255,255,255,.14),transparent 70%);animation:baz3-haze 14s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes baz3-haze{to{transform:translateX(6%) scale(1.15);opacity:.6}}

.baz3-palco .title{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);margin:0;font:400 clamp(150px,31vw,520px)/.8 var(--baz3-display);letter-spacing:-.01em;white-space:nowrap;color:var(--baz3-text);
  text-shadow:-.035em 0 0 color-mix(in srgb,var(--gel-1) 75%,transparent),.035em 0 0 color-mix(in srgb,var(--gel-2) 75%,transparent),0 0 80px rgba(255,255,255,.25);
  mix-blend-mode:screen;opacity:.9;pointer-events:none;user-select:none}
/* plateia na frente do letreiro: mesma foto, só a parte de baixo */
.baz3-palco .crowd{filter:saturate(.2) contrast(1.25) brightness(.45);
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--plateia),transparent calc(var(--plateia) + 22%));
          mask-image:linear-gradient(to top,#000 0%,#000 var(--plateia),transparent calc(var(--plateia) + 22%))}
.baz3-palco .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,8,.75) 0%,transparent 22%,transparent 55%,rgba(6,6,8,.65) 78%,var(--baz3-bg) 100%)}

.baz3-palco .content{position:absolute;left:var(--baz3-gutter);right:var(--baz3-gutter);bottom:clamp(40px,9vh,96px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;z-index:2}
.baz3-palco .kicker{display:flex;gap:10px;flex-wrap:wrap;width:100%;font:700 11px/1 var(--baz3-mono);letter-spacing:.22em;text-transform:uppercase;color:#d7d4dd}
.baz3-palco .kicker span{padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.25)}
.baz3-palco .sub{font:400 clamp(34px,5vw,72px)/1 var(--baz3-display);text-transform:uppercase}
.baz3-palco .sub em{font-style:normal;color:var(--gel-1)}
.baz3-palco .actions{display:flex;align-items:center;gap:18px}
.baz3-palco .actions strong{display:block;font-weight:800;letter-spacing:.02em}
.baz3-palco .actions small{color:var(--baz3-muted);font-size:13px}
.baz3-palco .side{position:absolute;top:50%;z-index:2;font:700 11px var(--baz3-mono);letter-spacing:.3em;text-transform:uppercase;color:#bdb9c6;writing-mode:vertical-rl}
.baz3-palco .side-l{left:calc(var(--baz3-gutter) * .45);transform:translateY(-50%) rotate(180deg)}
.baz3-palco .side-r{right:calc(var(--baz3-gutter) * .45);transform:translateY(-50%);display:flex;gap:28px}
.baz3-palco .side-r a:hover{color:var(--gel-1)}
.baz3-palco .scroll{position:absolute;left:50%;bottom:22px;z-index:2;width:22px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;transform:translateX(-50%)}
.baz3-palco .scroll i{position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:var(--baz3-text);transform:translateX(-50%);animation:baz3-wheel 1.6s infinite}
@keyframes baz3-wheel{to{transform:translate(-50%,12px);opacity:0}}

/* faixa de texto girando */
.baz3-faixa{--vel:32s;border-block:1px solid var(--baz3-line);overflow:hidden;overflow:clip;padding:20px 0;background:linear-gradient(90deg,rgba(255,42,61,.08),rgba(61,92,255,.08))}
.baz3-faixa .track{display:flex;gap:40px;width:max-content;animation:baz3-marquee var(--vel) linear infinite;font:400 clamp(28px,3.4vw,48px)/1 var(--baz3-display);text-transform:uppercase;white-space:nowrap}
.baz3-faixa b{color:var(--baz3-red);font-weight:400}
.baz3-faixa.estilo-estrelas .txt:nth-of-type(even){color:transparent;-webkit-text-stroke:1px var(--baz3-text)}
@keyframes baz3-marquee{to{transform:translateX(-50%)}}

/* estilo "Letreiro de LED": letras de pontinhos acesos + equalizador + selo fixo */
.baz3-faixa.estilo-led{display:flex;align-items:stretch;padding:0;background:#09090c;border-block:1px solid #1d1d24;box-shadow:inset 0 10px 30px rgba(0,0,0,.8),inset 0 -10px 30px rgba(0,0,0,.8)}
.baz3-faixa.estilo-led .selo{position:relative;z-index:3;flex:none;display:flex;align-items:center;gap:10px;padding:0 22px;background:var(--baz3-red);color:#fff;font:700 12px var(--baz3-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;box-shadow:12px 0 30px rgba(6,6,8,.9)}
.baz3-faixa.estilo-led .selo i{width:8px;height:8px;border-radius:50%;background:#fff;animation:baz3-blink-led 1s infinite}
@keyframes baz3-blink-led{50%{opacity:.25}}
.baz3-faixa.estilo-led .window{position:relative;flex:1;min-width:0;overflow:hidden;padding:18px 0}
.baz3-faixa.estilo-led .track{gap:34px;align-items:center;font:400 clamp(26px,3.2vw,44px)/1 'DotGothic16',var(--baz3-mono);color:var(--baz3-red);text-shadow:0 0 6px rgba(255,42,61,.9),0 0 18px rgba(255,42,61,.55);letter-spacing:.06em}
.baz3-faixa.estilo-led .txt:nth-of-type(6n+3){color:#8fa2ff;text-shadow:0 0 6px rgba(61,92,255,.9),0 0 18px rgba(61,92,255,.55)}
.baz3-faixa.estilo-led .window::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,rgba(9,9,12,.85) 60%) 0 0/4px 4px;pointer-events:none}
.baz3-faixa.estilo-led .window::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#09090c,transparent 8%,transparent 92%,#09090c);pointer-events:none}
.baz3-faixa .eq{display:inline-flex;align-items:flex-end;gap:3px;height:.8em;flex:none}
.baz3-faixa .eq i{width:5px;background:currentColor;box-shadow:0 0 8px currentColor;transform-origin:bottom;animation:baz3-eq-led .9s ease-in-out infinite alternate}
.baz3-faixa .eq i:nth-child(1){height:40%;animation-delay:-.2s}
.baz3-faixa .eq i:nth-child(2){height:90%;animation-delay:-.5s}
.baz3-faixa .eq i:nth-child(3){height:60%;animation-delay:-.1s}
.baz3-faixa .eq i:nth-child(4){height:75%;animation-delay:-.7s}
@keyframes baz3-eq-led{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
/* mãozinha de rock no lugar de alguns equalizadores */
.baz3-faixa .rock{display:inline-flex;flex:none;height:1.35em;margin-block:-.1em;color:#fff;filter:drop-shadow(0 0 3px var(--baz3-red)) drop-shadow(0 0 10px rgba(255,42,61,.7));animation:baz3-rock .45s ease-in-out infinite alternate;transform-origin:50% 100%}
.baz3-faixa .rock svg{height:100%;width:auto;fill:currentColor;display:block}
@keyframes baz3-rock{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-.1em) scale(1.06)}}
@media (max-width:760px){
  .baz3-faixa.estilo-led .selo{padding:0 10px;gap:6px;font-size:9px;letter-spacing:.08em}
  .baz3-faixa.estilo-led .selo i{width:6px;height:6px}
  .baz3-faixa.estilo-led .window{padding:14px 0}
}

@media (max-width:760px){
  .baz3-palco .title{top:40%;font-size:clamp(130px,44vw,260px)}
  .baz3-palco .side{display:none}
  .baz3-palco .content{flex-direction:column;align-items:flex-start;gap:18px}
  .baz3-palco .baz3-btn-play{width:60px;height:60px}
}