/* =====================================================================
   V2 — capa noturna cromada, logo 3D, player, páginas internas, rodapé
   (carregado depois de site.css)
   ===================================================================== */
:root { --cromo: linear-gradient(180deg, #ffffff 0%, #d9d9d9 30%, #7c7c7c 50%, #f1f1f1 62%, #a9a9a9 100%); --dock-h: 66px; --noite-2: #1d1916; }
html.travado { overflow: hidden; }
body { padding-bottom: var(--dock-h); }
html { scroll-padding-top: 84px; }
.botao { cursor: pointer; }
.botao--claro { color: var(--papel); border-color: var(--papel); }
.botao--claro:hover { box-shadow: 5px 5px 0 0 var(--brasa); }
.eq--tinta i { background: var(--tinta); }
html:not(.tocando) .eq i { animation-play-state: paused; }
.link-seta--claro { color: var(--sol); }
.contato__txt a { color: var(--sol); font-weight: 700; }
.contato__foto { mix-blend-mode: normal; opacity: 1; width: min(30%, 230px); right: -3%; bottom: calc(-1 * clamp(64px, 8vw, 130px) - 30%); }
.contato .titulo, .contato__txt { position: relative; z-index: 2; }
.contato__txt { max-width: 17em; }

/* ---------- topo: sempre junto, sempre escuro ---------- */
.topo { background: var(--tinta); color: var(--papel); box-shadow: 0 1px 0 var(--fio-claro); gap: clamp(14px, 1.8vw, 26px); }
.topo.rolou { background: var(--tinta); box-shadow: 0 2px 0 var(--sol), 0 14px 30px -18px #000; }
.topo.some { transform: none; }
.topo__logo { width: 112px; }

.topo__nav a::after { background: var(--sol); }
.topo__som { display: inline-flex; align-items: center; gap: 9px; background: none; border: 1px solid var(--fio-claro); color: var(--papel); padding: 9px 13px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; max-width: 220px; white-space: nowrap; overflow: hidden; cursor: pointer; transition: border-color .2s, color .2s; flex: none; }
.topo__som > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.topo__som:hover { border-color: var(--sol); color: var(--sol); }
.topo__cta:hover { background: var(--sol); color: var(--tinta); }
.topo__menu { border-color: var(--papel); background: var(--tinta); }
.topo__menu i { background: var(--papel); }

/* ---------- capa noturna ---------- */
.capa { background: radial-gradient(120% 90% at 22% 18%, #2b2622 0%, var(--tinta) 55%, #0b0908 100%); color: var(--papel); }
.capa__raios { position: absolute; left: -30%; top: -60%; width: 110%; aspect-ratio: 1; pointer-events: none; opacity: .5;
  background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,.07) 0deg 4deg, transparent 4deg 15deg);
  -webkit-mask-image: radial-gradient(closest-side, #000 0%, transparent 72%); mask-image: radial-gradient(closest-side, #000 0%, transparent 72%);
  }
.capa__faixa { border-color: var(--fio-claro); color: rgba(239,231,214,.75); position: relative; }
.capa { min-height: calc(100svh - var(--dock-h)); }
.capa__palco { padding-top: 1.3em; font-size: clamp(60px, 11.3vw, 250px); }
.capa__titulo .ln--1 > span { background: var(--cromo); -webkit-background-clip: text; background-clip: text; color: transparent; }
.capa__titulo em { -webkit-text-stroke-color: var(--papel); }
.capa__foto { height: 2.92em; width: 1.86em; object-fit: cover; object-position: 50% 0; right: -1%; filter: drop-shadow(0 .05em .12em rgba(0,0,0,.6)); }
.capa__sol { width: 2.2em; right: calc(-1% - .16em); bottom: .34em; }
.capa__selo { color: var(--papel); left: 47%; top: .16em; }
.capa__selo b { color: var(--sol); }
.capa__base { background: transparent; border-top-color: var(--papel); grid-template-columns: minmax(0, 32em) auto; }
.capa__base::before { content: ""; position: absolute; inset: 0 calc(-1 * var(--margem)) calc(-1 * clamp(28px, 4vw, 56px)); background: #0b0908; z-index: -1; }
.capa__lide strong { background: none; color: var(--sol); }
.capa__tocando { justify-self: end; display: flex; align-items: center; gap: 12px; background: none; border: 0; color: var(--papel); text-align: left; padding: 0; cursor: pointer; }
.capa__tocando img { width: 48px; height: 48px; object-fit: cover; border: 2px solid var(--papel); border-radius: 50%; animation: gira 6s linear infinite; animation-play-state: paused; }
html.tocando .capa__tocando img { animation-play-state: running; }
.capa__tocando small { display: block; font-family: var(--f-mao); color: var(--sol); font-size: 14px; }
.capa__tocando b { display: block; font-weight: 800; line-height: 1.1; }
.capa__tocando i { font-style: normal; font-size: 13px; opacity: .7; }
.capa__tocando:hover b { color: var(--sol); }

/* ---------- logo 3D ---------- */
.logo3d { position: absolute; z-index: 4; left: 0; top: .04em; width: 2.5em; aspect-ratio: 1159 / 551; perspective: 900px; cursor: pointer; -webkit-tap-highlight-color: transparent;
  opacity: 0; animation: chega 1.2s var(--suave) .1s forwards; }
.logo3d__corpo { position: absolute; inset: 0; transform-style: preserve-3d; will-change: transform; --gx: 50%; --gy: 40%; }
.logo3d__corpo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; -webkit-user-drag: none; user-select: none; }
.logo3d__face { transform: translateZ(0); }
.logo3d__brilho { position: absolute; inset: 0; transform: translateZ(1px); pointer-events: none; mix-blend-mode: screen; opacity: .85;
  background: linear-gradient(105deg, transparent 0%, transparent calc(var(--gx) - 12%), rgba(255,255,255,.5) var(--gx), transparent calc(var(--gx) + 12%), transparent 100%);
  -webkit-mask: url(../img/logo-limpo-m.webp) center / 100% 100% no-repeat; mask: url(../img/logo-limpo-m.webp) center / 100% 100% no-repeat; }
.logo3d__estrela { position: absolute; left: 9.5%; top: 26%; width: 22%; aspect-ratio: 1; translate: -50% -50%; transform: translateZ(26px); pointer-events: none; mix-blend-mode: screen;
  background: radial-gradient(circle, #fff 0%, rgba(255,255,255,.55) 6%, transparent 22%),
              conic-gradient(from 0deg, transparent 0 2deg, rgba(255,255,255,.9) 3deg, transparent 5deg 43deg, rgba(255,255,255,.5) 45deg, transparent 47deg 88deg, rgba(255,255,255,.9) 90deg, transparent 92deg 133deg, rgba(255,255,255,.5) 135deg, transparent 137deg 178deg, rgba(255,255,255,.9) 180deg, transparent 182deg 223deg, rgba(255,255,255,.5) 225deg, transparent 227deg 268deg, rgba(255,255,255,.9) 270deg, transparent 272deg 313deg, rgba(255,255,255,.5) 315deg, transparent 317deg 358deg);
  -webkit-mask-image: radial-gradient(closest-side, #000 0%, transparent 100%); mask-image: radial-gradient(closest-side, #000 0%, transparent 100%);
  animation: pisca 4.5s ease-in-out infinite; }
@keyframes pisca { 0%, 100% { opacity: .75; scale: .8; rotate: 0deg; } 50% { opacity: 1; scale: 1.15; rotate: 22deg; } }
.logo3d.aceso .logo3d__estrela { animation-duration: 1.1s; }

.logo3d__sombra { position: absolute; left: 14%; right: 14%; bottom: -3%; height: 12%; background: radial-gradient(closest-side, rgba(0,0,0,.75), transparent); filter: blur(6px); z-index: -1; }
.logo3d.gira .logo3d__corpo { animation: rodopio 1.25s var(--suave); }
@keyframes rodopio { from { rotate: y 0deg; } to { rotate: y 360deg; } }

/* ---------- linha do tempo ---------- */
.linha__play { margin-top: 14px; background: none; border: 2px solid var(--sol); color: var(--sol); padding: 8px 14px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; transition: background .2s, color .2s, transform .25s var(--suave); }
a.linha__play { display: inline-block; text-decoration: none; }
.linha__play:hover { background: var(--sol); color: var(--tinta); transform: translate(-2px, -2px); }
.historia__foto { max-width: 400px; }
.historia__foto::before { inset: 24% 2% 0 8%; }
.historia__foto img { filter: grayscale(1) contrast(1.08); transition: filter .6s; }
.historia__foto:hover img { filter: none; }

/* ---------- quem gravou ---------- */
.gravaram { padding: clamp(64px, 8vw, 130px) var(--margem); }
.gravaram__cab { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 22em); gap: 20px 48px; align-items: end; margin-bottom: clamp(26px, 3.4vw, 54px); }
.gravaram__txt { font-weight: 600; }
.vozes { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: dense; gap: clamp(8px, 1.1vw, 16px); }
.voz { position: relative; aspect-ratio: 1; padding: 0; border: 2px solid var(--tinta); background: var(--tinta); overflow: hidden; cursor: pointer; text-align: left; color: var(--papel); }
.voz--g { grid-column: span 2; grid-row: span 2; }
.voz img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); transition: filter .5s, transform .9s var(--suave); }
.voz:hover img, .voz:focus-visible img { filter: none; transform: scale(1.06); }
.voz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 38%, rgba(20,17,15,.92)); }
.voz::before { content: "▶"; position: absolute; z-index: 2; right: 10px; top: 10px; width: 38px; height: 38px; border-radius: 50%; background: var(--brasa); display: grid; place-items: center; font-size: 13px; padding-left: 3px; transform: scale(0) rotate(-40deg); transition: transform .35s var(--suave); }
.voz:hover::before, .voz:focus-visible::before { transform: none; }
.voz span { position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 9px; }
.voz b { display: block; font-family: var(--f-cartaz); font-variation-settings: "wdth" 62; font-weight: 900; text-transform: uppercase; font-size: clamp(17px, 1.7vw, 26px); line-height: .95; }
.voz--g b { font-size: clamp(26px, 3.3vw, 52px); }
.voz i { display: block; font-style: normal; font-size: 12px; line-height: 1.25; margin-top: 4px; color: var(--sol); font-weight: 600; }
.gravaram__mais { margin-top: 22px; font-weight: 700; font-variation-settings: "wdth" 84; text-transform: uppercase; font-size: .86em; letter-spacing: .03em; line-height: 1.6; border-top: 2px solid var(--tinta); padding-top: 16px; }

/* ---------- redes ---------- */
.redes { background: var(--sol); padding: clamp(64px, 8vw, 130px) var(--margem); }
.redes .olho { color: var(--tinta); }
.redes .titulo em { color: var(--brasa-escura); }
.redes__cab { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 28px 56px; align-items: end; margin-bottom: clamp(26px, 3.4vw, 54px); }
.redes__lista { border-top: 2px solid var(--tinta); }
.redes__lista a { display: grid; grid-template-columns: 6.5em minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 11px 0; border-bottom: 2px solid var(--tinta); text-decoration: none; transition: padding .3s var(--suave), background .2s, color .2s; }
.redes__lista a:hover { background: var(--tinta); color: var(--sol); padding-left: 12px; padding-right: 12px; }
.redes__lista span { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.redes__lista b { font-size: clamp(18px, 1.7vw, 26px); font-weight: 800; font-variation-settings: "wdth" 84; }
.redes__lista i { font-style: normal; font-size: 13px; opacity: .75; }
.insta { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: clamp(10px, 1.6vw, 24px); align-items: start; }
.insta__post { border: 2px solid var(--tinta); background: var(--tinta); min-height: 340px; box-shadow: 8px 8px 0 var(--tinta); display: grid; }
.insta__post button { background: repeating-linear-gradient(135deg, #1d1916 0 14px, #14110f 14px 28px); border: 0; color: var(--papel); padding: 22px; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; cursor: pointer; min-height: 340px; }
.insta__post b { font-family: var(--f-cartaz); font-variation-settings: "wdth" 62; font-weight: 900; text-transform: uppercase; font-size: clamp(24px, 2.6vw, 40px); line-height: .98; }
.insta__post i { font-style: normal; font-size: 12px; color: var(--sol); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.insta__selo { align-self: flex-start; background: var(--brasa); padding: 4px 10px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; margin-bottom: auto; }
.insta__post button:hover b { color: var(--sol); }
.insta__post iframe { width: 100%; height: 640px; border: 0; background: #fff; display: block; }

/* ---------- player: barra fixa ---------- */
.dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; height: var(--dock-h); background: #0b0908; color: var(--papel); border-top: 2px solid var(--sol);
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(60px, 1fr) auto auto; align-items: center; gap: clamp(10px, 1.6vw, 24px); padding: 0 var(--margem); }
.dock.pulsa { animation: pulsa .7s var(--suave); }
@keyframes pulsa { 30% { transform: translateY(-8px); box-shadow: 0 0 0 4px var(--sol); } }
.dock button { background: none; border: 0; color: inherit; cursor: pointer; }
.dock__capa { position: relative; width: 46px; height: 46px; padding: 0; flex: none; }
.dock__capa img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 2px solid var(--papel); animation: gira 6s linear infinite; animation-play-state: paused; }
html.tocando .dock__capa img { animation-play-state: running; }
.dock__vinil { position: absolute; inset: 50%; width: 10px; height: 10px; margin: -5px; border-radius: 50%; background: #0b0908; border: 2px solid var(--papel); }
.dock__info { min-width: 0; cursor: pointer; }
.dock__info b { display: block; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.15; }
.dock__info i { display: block; font-style: normal; font-size: 12px; opacity: .7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dock__ctl { display: flex; align-items: center; gap: 6px; }
.dock__ctl button { width: 38px; height: 38px; font-size: 16px; border-radius: 50%; transition: background .2s, color .2s, transform .2s; }
.dock__ctl button:hover { color: var(--sol); transform: scale(1.1); }
.dock__ctl .dock__play { background: var(--sol); color: var(--tinta); width: 44px; height: 44px; font-size: 15px; }
.dock__ctl .dock__play:hover { color: var(--tinta); background: var(--papel); }
.dock__barra { height: 4px; background: var(--fio-claro); overflow: hidden; }
.dock__barra i { display: block; height: 100%; background: var(--sol); transform-origin: left; transform: scaleX(0); transition: transform .25s linear; }
.dock__serv { display: flex; gap: 6px; }
.dock__serv button, .pista__s button { border: 1px solid var(--fio-claro); padding: 6px 10px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; transition: background .2s, color .2s, border-color .2s; white-space: nowrap; }
.dock__serv button:hover, .dock__serv button.on, .pista__s button:hover { background: var(--cor); border-color: var(--cor); color: #0b0908; }
.dock__serv button.sem, .pista__s button.sem { opacity: .4; }
.dock .dock__abrir { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--sol); white-space: nowrap; }
.dock__abrir:hover { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- player: janela ---------- */
.vitrola { position: fixed; inset: 0; z-index: 130; background: rgba(8, 6, 5, .93); display: flex; align-items: center; justify-content: center; padding: clamp(10px, 2.4vw, 32px); opacity: 0; transition: opacity .3s; }
.vitrola[hidden] { display: none; }
.vitrola.aberta { opacity: 1; }
.vitrola__caixa { width: min(1180px, 100%); height: min(800px, 100%); max-height: calc(100vh - 2 * clamp(10px, 2.4vw, 32px)); flex: none; background: var(--noite-2); color: var(--papel); border: 2px solid var(--papel); box-shadow: 14px 14px 0 var(--brasa); display: grid; grid-template-rows: auto minmax(0, 1fr); transform: translateY(26px) scale(.97); transition: transform .45s var(--suave); }
.vitrola.aberta .vitrola__caixa { transform: none; }
.vitrola__topo { display: flex; align-items: center; gap: 16px; padding: 10px 18px; border-bottom: 2px solid var(--papel); background: #0b0908; }
.vitrola__topo img { width: 104px; }
.vitrola__topo span { font-family: var(--f-mao); color: var(--sol); font-size: clamp(13px, 1.3vw, 18px); transform: rotate(-1.5deg); }
.vitrola__topo button { margin-left: auto; background: none; border: 0; color: var(--papel); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; cursor: pointer; padding: 8px; }
.vitrola__topo button:hover { color: var(--sol); }
.vitrola__corpo { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr); min-height: 0; }
.vitrola__agora { padding: clamp(16px, 2.4vw, 34px); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(16px, 2.2vw, 32px) clamp(40px, 6vw, 96px); align-content: start; overflow-y: auto; }
.vitrola__disco { position: relative; width: clamp(120px, 15vw, 210px); aspect-ratio: 1; align-self: start; }
.vitrola__disco img { position: relative; width: 100%; height: 100%; object-fit: cover; border: 4px solid var(--papel); box-shadow: 7px 7px 0 var(--brasa); z-index: 1; }
.vitrola__vinil { position: absolute; inset: 4% -34% 4% 34%; border-radius: 50%; background: repeating-radial-gradient(circle, #0b0908 0 2px, #26211d 2px 4px); border: 2px solid #000; animation: gira 3s linear infinite; animation-play-state: paused; }
.vitrola__vinil::after { content: ""; position: absolute; inset: 36%; border-radius: 50%; background: var(--sol); border: 3px solid var(--tinta); }
html.tocando .vitrola__vinil { animation-play-state: running; }
.vitrola__meta small { font-family: var(--f-mao); color: var(--sol); font-size: 16px; }
.vitrola__meta h2 { font-family: var(--f-cartaz); font-variation-settings: "wdth" 62; font-weight: 900; text-transform: uppercase; font-size: clamp(28px, 3.4vw, 52px); line-height: .95; margin-top: 2px; text-wrap: balance; }
.vitrola__meta > p:first-of-type { font-weight: 700; opacity: .8; margin-top: 6px; }
.vitrola__ctl { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.vitrola__ctl button { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--papel); background: none; color: var(--papel); font-size: 16px; cursor: pointer; transition: transform .2s var(--suave), background .2s, color .2s; }
.vitrola__ctl button:hover { transform: scale(1.08); background: var(--papel); color: var(--tinta); }
.vitrola__ctl .vitrola__play { width: 62px; height: 62px; background: var(--sol); border-color: var(--sol); color: var(--tinta); font-size: 20px; }
.vitrola__barra { margin-top: 16px; }
.vitrola__aviso { font-size: 13px; opacity: .75; margin-top: 16px; }
.vitrola__abas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vitrola__abas button { display: inline-flex; align-items: center; gap: 8px; border: 2px solid var(--papel); background: none; color: var(--papel); padding: 10px 16px; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s var(--suave); }
.vitrola__abas button i { width: 10px; height: 10px; border-radius: 50%; background: var(--cor); }
.vitrola__abas button:hover { transform: translate(-2px, -2px); }
.vitrola__abas button.on { background: var(--cor); border-color: var(--cor); color: #0b0908; }
.vitrola__abas button.on i { background: #0b0908; }
.vitrola__abas button.sem { border-style: dashed; opacity: .7; }
.vitrola__embed { grid-column: 1 / -1; }
.vitrola__embed iframe { width: 100%; border: 0; display: block; border-radius: 12px; }
.vitrola__embed--yt iframe { aspect-ratio: 16 / 9; height: auto; border-radius: 0; border: 2px solid var(--papel); }
.vitrola__sem { border: 2px dashed var(--fio-claro); padding: 20px; display: grid; gap: 12px; justify-items: start; }
.vitrola__fila { border-left: 2px solid var(--papel); display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; background: #14110f; }
.vitrola__fila input { width: 100%; background: none; border: 0; border-bottom: 2px solid var(--papel); color: var(--papel); padding: 14px 16px; font: inherit; font-weight: 600; border-radius: 0; }
.vitrola__fila input::placeholder { color: var(--papel); opacity: .5; }
.vitrola__fila input:focus { outline: 0; border-bottom-color: var(--sol); }
.vitrola__fila ol { overflow-y: auto; overscroll-behavior: contain; }
.vitrola__fila li button { width: 100%; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; background: none; border: 0; border-bottom: 1px solid var(--fio-claro); color: var(--papel); padding: 8px 16px; text-align: left; cursor: pointer; }
.vitrola__fila li img { width: 40px; height: 40px; object-fit: cover; }
.vitrola__fila li b { display: block; font-weight: 700; font-size: 14px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vitrola__fila li i { display: block; font-style: normal; font-size: 12px; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vitrola__fila li button:hover { background: var(--noite-2); }
.vitrola__fila li.on button { background: var(--sol); color: var(--tinta); }
.vitrola__fila li.vazio { padding: 18px 16px; opacity: .7; }

/* ---------- entrada com som ---------- */
.entrada { position: fixed; inset: 0; z-index: 200; background: radial-gradient(90% 70% at 50% 40%, #2b2622, #0b0908 70%); color: var(--papel); display: grid; place-content: center; justify-items: center; gap: 14px; padding: 24px; text-align: center; overflow: hidden; transition: opacity .6s, transform .7s var(--suave); }
.entrada.sai { opacity: 0; transform: scale(1.08); pointer-events: none; }
.entrada__raios { position: absolute; left: 50%; top: 40%; width: 160vmax; aspect-ratio: 1; translate: -50% -50%; background: repeating-conic-gradient(rgba(255,255,255,.06) 0deg 5deg, transparent 5deg 16deg); -webkit-mask-image: radial-gradient(closest-side, #000, transparent 70%); mask-image: radial-gradient(closest-side, #000, transparent 70%); }
.entrada__logo { position: relative; width: min(680px, 86vw); animation: flutua 5s ease-in-out infinite; }
@keyframes flutua { 50% { transform: translateY(-10px) rotate(-1deg); } }
.entrada__assin { position: relative; font-family: var(--f-mao); color: var(--sol); font-size: clamp(20px, 3vw, 34px); transform: rotate(-2deg); margin-top: -8px; }
.entrada__acoes { position: relative; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 18px; }
.entrada__nota { position: relative; font-size: 13px; opacity: .7; }

/* ---------- cabeçalho das páginas internas ---------- */
.pgcab { position: relative; background: radial-gradient(110% 90% at 80% 10%, #2b2622 0%, var(--tinta) 60%); color: var(--papel); padding: calc(var(--topo-h) + clamp(36px, 6vw, 90px)) var(--margem) 0; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; overflow: hidden; align-items: end; }
.pgcab .olho { color: var(--sol); }
.pgcab .titulo em { color: var(--sol); }
.pgcab__txt { padding-bottom: clamp(36px, 6vw, 90px); }
.pgcab__lide { margin-top: 22px; max-width: 34em; font-size: 1.08em; opacity: .9; }
.pgcab__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.pgcab__foto { justify-self: center; width: auto; height: min(70vh, 640px); object-fit: cover; object-position: top; margin-bottom: -6%; filter: drop-shadow(0 10px 30px rgba(0,0,0,.6)); animation: chega 1s var(--suave) both; }
.pgcab--brasa { background: var(--brasa); }
.pgcab--brasa .titulo { color: var(--tinta); }
.pgcab--brasa .titulo em { color: var(--papel); }

/* ---------- história: depoimento ---------- */
.bio { padding: clamp(56px, 7vw, 110px) var(--margem); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 80px); border-bottom: 2px solid var(--tinta); }
.bio__sub { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 14px; }
.bio__abre { font-family: var(--f-mao); color: var(--brasa); font-size: clamp(24px, 2.8vw, 42px); line-height: 1.12; transform: rotate(-1.2deg); margin-bottom: 26px; }
.bio p + p { margin-top: 1em; }
.bio__col > p:not(.bio__abre):not(.bio__nota) { font-size: 1.05em; line-height: 1.6; }
.bio .bio__nota { font-size: 12px; opacity: .6; margin-top: 22px; }

/* ---------- fotos novas ---------- */
.retratos { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(10px, 1.6vw, 24px); }
.retrato { border: 2px solid var(--tinta); aspect-ratio: 3 / 4; overflow: hidden; position: relative; }
.retrato img { position: absolute; left: 50%; bottom: -34%; height: 132%; width: auto; max-width: none; translate: -50% 0; transition: transform .9s var(--suave); transform-origin: 50% 30%; }
.retrato:hover img { transform: scale(1.05) rotate(-1.5deg); }
.retrato--sol { background: var(--sol); } .retrato--tinta { background: var(--tinta); } .retrato--brasa { background: var(--brasa); } .retrato--papel { background: var(--papel-2); }
.retrato:nth-child(even) { translate: 0 18px; }
.retratos + .mural { margin-top: clamp(34px, 3.4vw, 54px); }

/* ---------- músicas: lançamentos e tocador ---------- */
.novas { padding: clamp(56px, 7vw, 110px) var(--margem); }
.novas__cab { margin-bottom: clamp(24px, 3vw, 44px); }
.novas__grade { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 2vw, 30px); }
.nova { background: none; border: 0; padding: 0; text-align: left; cursor: pointer; color: inherit; }
.nova img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 2px solid var(--tinta); box-shadow: 8px 8px 0 var(--tinta); transition: transform .35s var(--suave), box-shadow .35s var(--suave); }
.nova:hover img { transform: translate(-4px, -4px); box-shadow: 12px 12px 0 var(--brasa); }
.nova span { display: block; margin-top: 18px; }
.nova small { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--brasa); }
.nova b { display: block; font-family: var(--f-cartaz); font-variation-settings: "wdth" 62; font-weight: 900; text-transform: uppercase; font-size: clamp(24px, 2.5vw, 38px); line-height: .96; margin-top: 4px; }
.nova i { font-style: normal; font-size: .88em; opacity: .7; }
.tocador { background: var(--tinta); color: var(--papel); padding: clamp(56px, 7vw, 110px) var(--margem); }
.tocador .olho { color: var(--sol); } .tocador .titulo em { color: var(--sol); }
.tocador__cab { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 30em); gap: 28px 48px; align-items: end; margin-bottom: clamp(24px, 3vw, 44px); }
.busca--noite input { border-color: var(--papel); color: var(--papel); }
.busca--noite input::placeholder { color: var(--papel); }
.busca--noite input:focus { background: var(--noite-2); box-shadow: 5px 5px 0 var(--sol); }
.ordem button { cursor: pointer; }
.ordem--noite button { border-color: var(--papel); color: var(--papel); }
.ordem--noite button.on { background: var(--papel); color: var(--tinta); }
.pistas { border-top: 2px solid var(--papel); }
.pista { display: grid; grid-template-columns: 2.4em 48px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 9px 8px; border-bottom: 1px solid var(--fio-claro); cursor: pointer; transition: background .2s, padding .3s var(--suave); animation: brota .5s var(--suave) both; animation-delay: calc(var(--i, 0) * 14ms); }
.pista:hover { background: var(--noite-2); padding-left: 16px; }
.pista.on { background: var(--sol); color: var(--tinta); }
.pista__n { font-size: 12px; font-weight: 700; opacity: .5; }
.pista img { width: 48px; height: 48px; object-fit: cover; }
.pista__t b { display: block; font-weight: 800; font-variation-settings: "wdth" 88; line-height: 1.2; }
.pista__t i { display: block; font-style: normal; font-size: 13px; opacity: .7; }
.pista__s { display: flex; gap: 6px; }
.pista__s button { background: none; color: inherit; cursor: pointer; }
.pista.on .pista__s button { border-color: var(--tinta); }
.pista--vazia { display: block; cursor: default; padding: 24px 8px; opacity: .8; }

/* ---------- encomende ---------- */
.passos { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 2px solid var(--tinta); }
.passo { padding: clamp(24px, 3.4vw, 54px) var(--margem); border-right: 2px solid var(--tinta); }
.passo:last-child { border-right: 0; }
.passo b { font-family: var(--f-cartaz); font-variation-settings: "wdth" 62; font-weight: 900; font-size: clamp(64px, 8vw, 140px); line-height: .8; color: var(--brasa); display: block; }
.passo h3 { font-size: clamp(19px, 1.8vw, 28px); font-weight: 800; text-transform: uppercase; font-variation-settings: "wdth" 84; margin-top: 14px; line-height: 1.1; }
.passo p { margin-top: 8px; max-width: 24em; }
.encomenda { background: var(--tinta); color: var(--papel); padding: clamp(56px, 7vw, 110px) var(--margem); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 90px); }
.encomenda > * { min-width: 0; }
.encomenda .olho { color: var(--sol); } .encomenda .titulo em { color: var(--sol); }
.encomenda__tipos { margin-top: 28px; border-top: 1px solid var(--fio-claro); }
.encomenda__tipos li { padding: 14px 0; border-bottom: 1px solid var(--fio-claro); opacity: .85; font-size: .95em; }
.encomenda__tipos b { display: block; color: var(--sol); text-transform: uppercase; font-variation-settings: "wdth" 84; letter-spacing: .03em; }
.pedido--grande { transform: none; box-shadow: 12px 12px 0 var(--brasa); }
.pedido__dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.canais-pg { padding: 0 var(--margem) clamp(40px, 5vw, 70px); background: var(--tinta); }
.canais--papel { color: var(--papel); border-top-color: var(--fio-claro); margin-top: 0; }
.canais--papel span { color: var(--sol); }

/* ---------- rodapé ---------- */
.rodape { padding: 0; text-align: left; overflow: hidden; }
.rodape__letreiro { border-top: 2px solid var(--sol); border-bottom: 1px solid var(--fio-claro); padding: 14px 0 18px; overflow: hidden; }
.rodape__letreiro .letreiro__trilho li { font-size: clamp(34px, 5vw, 80px); }
.rodape__grade { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: clamp(24px, 4vw, 64px); padding: clamp(40px, 5vw, 80px) var(--margem); }
.rodape__marca img { width: min(420px, 100%); margin: 0 0 0 -4%; }
.rodape__assin { text-align: left; margin: 2px 0 22px; font-size: clamp(18px, 1.9vw, 28px); }
.rodape__col h3 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; color: var(--sol); margin-bottom: 14px; }
.rodape__col a { display: block; text-decoration: none; font-weight: 700; padding: 5px 0; transition: color .2s, padding .3s var(--suave); }
.rodape__col a:hover { color: var(--sol); padding-left: 6px; }
.rodape__col p { margin-top: 10px; font-size: 13px; opacity: .6; }
.rodape__base { margin: 0 var(--margem); padding: 18px 0 22px; }
.vorax { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 22px var(--margem) 26px; background: #050505; border-top: 1px solid var(--fio-claro); }
.vorax__rot { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .26em; color: var(--papel); opacity: .6; }
.vorax a { display: block; transition: opacity .2s, transform .3s var(--suave); opacity: .92; }
.vorax a:hover { opacity: 1; transform: translateY(-2px); }
.vorax img { height: 40px; width: auto; }

/* ---------- responsivo v2 ---------- */
@media (min-width: 1081px) and (max-width: 1320px) { .topo__som { display: none; } }
@media (max-width: 1080px) {
  .topo__som { margin-left: auto; max-width: 46vw; }
  .topo__menu { margin-left: 0; }
  .dock { grid-template-columns: auto minmax(0, 1fr) auto auto; }
  .dock__barra { position: absolute; left: 0; right: 0; top: -2px; height: 3px; background: transparent; }
  .dock__serv { display: none; }
  .vozes { grid-template-columns: repeat(4, 1fr); }
  .gravaram__cab, .redes__cab, .tocador__cab { grid-template-columns: 1fr; }
  .novas__grade { grid-template-columns: repeat(2, 1fr); }
  .rodape__grade { grid-template-columns: 1fr 1fr; }
  .vitrola__corpo { grid-template-columns: 1fr; grid-template-rows: auto minmax(160px, 1fr); overflow-y: auto; }
  .vitrola__fila { border-left: 0; border-top: 2px solid var(--papel); }
  .vitrola__caixa { height: 100%; }
}
@media (max-width: 820px) {
  .capa__palco { padding-top: 0; }
  .logo3d { position: relative; order: -2; left: auto; top: auto; width: 96%; align-self: center; margin: 2px 0 -9%; }
  .capa__foto { width: 60%; height: auto; aspect-ratio: 4 / 5.4; margin-bottom: -.5em; right: auto; }
  .capa__sol { width: 66%; right: 17%; top: auto; bottom: 1.2em; }
  .capa__selo { display: none; }
  .capa__titulo .ln--1 { color: inherit; text-shadow: none; }
  .capa__tocando { justify-self: start; }
  .capa__base { grid-template-columns: 1fr; }
  .pgcab { grid-template-columns: 1fr; }
  .pgcab__txt { padding-bottom: 8px; }
  .pgcab__foto { height: 54vh; margin-bottom: -8%; }
  .bio, .encomenda { grid-template-columns: 1fr; }
  .passos { grid-template-columns: 1fr; }
  .passo { border-right: 0; border-bottom: 2px solid var(--tinta); }
  .passo:last-child { border-bottom: 0; }
  .insta { grid-template-columns: 1fr; }
  .retratos { grid-template-columns: repeat(2, 1fr); }
  .retrato:nth-child(even) { translate: none; }
  .vorax { flex-direction: column; gap: 10px; }
  .vitrola__agora { grid-template-columns: 1fr; }
  .vitrola__disco { width: 120px; }
  .vitrola__topo span { display: none; }
}
@media (max-width: 560px) {
  .topo__som > span:last-child { display: none; }
  .topo__som { padding: 12px; }
  .vozes { grid-template-columns: repeat(2, 1fr); }
  .dock { gap: 10px; }
  .dock__abrir { display: none; }
  .dock__ctl button:first-child { display: none; }
  .novas__grade { gap: 14px; }
  .nova img { box-shadow: 5px 5px 0 var(--tinta); }
  .rodape__grade { grid-template-columns: 1fr; }
  .pedido__dupla { grid-template-columns: 1fr; }
  .pista { grid-template-columns: 40px minmax(0, 1fr); row-gap: 6px; }
  .pista__n { display: none; }
  .pista img { width: 40px; height: 40px; }
  .pista__s { grid-column: 1 / -1; }
  .redes__lista a { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .logo3d { opacity: 1; } }

/* v3: faixa inteira */
.vitrola__aviso b { color: var(--sol); opacity: 1; }
.vitrola__dica { grid-column: 1 / -1; font-size: 14px; line-height: 1.45; border-left: 3px solid var(--sol); padding: 4px 0 4px 14px; opacity: .92; }
.vitrola__dica b { color: var(--sol); }
.vitrola__dica a { color: var(--sol); font-weight: 800; text-underline-offset: 3px; }
.vitrola__dica .vitrola__fora { display: inline-block; margin-left: 6px; color: var(--papel); }
/* com a plataforma aberta, o player dela vira o centro da janela */
.vitrola.inteira .vitrola__agora { grid-template-columns: 84px minmax(0, 1fr); gap: 14px 18px; }
.vitrola.inteira .vitrola__disco { width: 84px; }
.vitrola.inteira .vitrola__disco img { border-width: 2px; box-shadow: 4px 4px 0 var(--brasa); }
.vitrola.inteira .vitrola__vinil, .vitrola.inteira .vitrola__barra, .vitrola.inteira .vitrola__aviso, .vitrola.inteira .vitrola__ctl .vitrola__play { display: none; }
.vitrola.inteira .vitrola__meta h2 { font-size: clamp(22px, 2.2vw, 34px); }
.vitrola.inteira .vitrola__ctl { margin-top: 10px; float: right; }
.vitrola.inteira .vitrola__abas { margin-top: 12px; }
.vitrola__embed iframe { box-shadow: 8px 8px 0 #0b0908; }
.capa__titulo .ln > span, .capa__foto { will-change: auto; }
@media (max-width: 820px) { .vitrola.inteira .vitrola__agora { grid-template-columns: 64px minmax(0, 1fr); } .vitrola.inteira .vitrola__disco { width: 64px; } }