fix(radio): remove gray background from logo in player

- Remove bg-(--campaign-band) from logo container in RadioPlayer.tsx
- Logo now appears circular without gray square behind it
- Layout remains intact on mobile (390px) and desktop (1280px)

Closes #1247

docs/plans/radio-logo-no-background-impl.md

@@ -0,0 +1,55 @@
+# Impl: RADIO — Rádio — Remover fundo cinza do logo no player
+
+Status: aprovado
+Atualizado em: 2026-09-22
+Issue: #1247
+Intenção: docs/plans/radio-logo-no-background-impl.md
+Appetite restante: 30 min
+
+## Leitura da intenção
+
+- **Outcome:** O logo da rádio aparece circular, sem quadrado cinza atrás. Layout do player não quebra em mobile (390px) e desktop (1280px).
+- **O que NÃO negociar:** Logo permanece circular, sem alterações de comportamento do player.
+- **O que reavaliar:** A classe `bg-(--campaign-band)` em `RadioPlayer.tsx:302` é a única responsável pelo fundo cinza.
+
+## Abordagem recomendada
+
+```mermaid
+flowchart LR
+  A[Rádio Player] --> B[Remover bg-(--campaign-band) do logo]
+  B --> C[Verificar mobile + desktop]
+```
+
+**Opções consideradas:** A | B | C
+**Recomendação:** A — Remover fundo completamente, porque o objetivo é eliminar o fundo cinza sem adicionar novos estilos.
+**Rejeitadas:** B porque não resolve o pedido (opacidade reduzida ainda mostra o fundo); C porque adiciona complexidade desnecessária.
+
+### Componentes / mudanças
+
+- **`RadioPlayer`** (`src/components/jingles/RadioPlayer.tsx`): Remover `bg-(--campaign-band)` da classe em `RadioPlayer.tsx:302`
+- **Migration:** sem migration
+- **Access / Consent:** não aplicável
+- **UI:** Manter estilos existentes em `RadioPlayer.tsx:305` e `:312` para garantir circularidade e sombra
+
+### Dados → forma (não aplicável)
+
+## Fases verificáveis
+
+1. **Tracer / schema+server** — N/A (mudança apenas de estilo)
+2. **UI** — Remover `bg-(--campaign-band)` de `RadioPlayer.tsx:302`
+3. **Gates** — `pnpm gate:fast`; push via `pnpm push`
+
+## Rabbit holes / Não escopo (engenharia)
+
+- Não alterar estilos de sombra ou borda do logo
+- Não modificar comportamento de áudio do player
+
+## Riscos e mitigação
+
+- **Risco:** Layout quebra em telas pequenas. **Mitigação:** Verificar mobile (390px) e desktop (1280px) após a mudança.
+
+## Aceite de engenharia
+
+- [ ] Aceite de produto da intenção ainda coberto
+- [ ] Invariantes AGENTS/engineering-standards
+- [ ] Testes de domínio previstos (unit/int) onde access/write paths mudam

src/components/jingles/RadioPlayer.tsx

@@ -299,7 +299,7 @@ export const RadioPlayer = ({ compact = false }: { compact?: boolean }) => {
               compact ? undefined : 'md:grid md:grid-cols-[112px_1fr_auto] md:gap-5',
             )}
           >
-            <div className="relative grid size-[76px] flex-none place-items-center overflow-hidden rounded-[10px] bg-(--campaign-band) md:size-28">
+            <div className="relative grid size-[76px] flex-none place-items-center overflow-hidden rounded-[10px] md:size-28">
               <span
                 aria-hidden="true"
                 className="absolute inset-[13%] rounded-full border border-[rgb(0_0_0/8%)] bg-white shadow-[0_7px_18px_rgb(71_19_14/10%)]"