/* RADIO SO FLASHBACK | ONEPAGE V11 | AJUSTE VISUAL DESKTOP
   AVIFs são as artes reais; CSS apenas organiza, posiciona e mantém legibilidade.
   Não altera chat, pedidos, API de votos, streaming nem layouts mobile <= 1199px.
*/
.sf-op-nav-art,.sf-op-platform-art,.sf-op-headphones-art{display:none}

@media (min-width:1200px) {
  body.sf-onepage {--sf-avif-nav-w:clamp(109px,calc((50vw - 300px)/3),185px);--sf-avif-nav-gap:clamp(5px,.52vw,9px)}

  /* Rodapé único e persistente. O botão PLAY conserva o centro geométrico. */
  body.sf-onepage .player-controls.sf-onepage-player {
    position:fixed!important;inset:auto 0 0!important;
    height:var(--sfop-footer)!important;min-height:var(--sfop-footer)!important;
    overflow:visible!important;z-index:9999!important;
    background:linear-gradient(180deg,rgba(5,8,26,.92),rgba(12,8,31,.96))!important;
  }
  body.sf-onepage .sf-onepage-player nav.sf-onepage-nav {
    position:absolute!important;inset:0!important;top:0!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:100%!important;
    margin:0!important;padding:0!important;
    display:block!important;transform:none!important;
    pointer-events:none!important;overflow:visible!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav-left,
  body.sf-onepage .sf-onepage-player .sf-onepage-nav-right {
    position:absolute!important;top:50%!important;
    margin:0!important;padding:0!important;
    left:auto!important;right:auto!important;
    transform:translateY(-50%)!important;
    width:max-content!important;min-width:0!important;max-width:none!important;
    display:grid!important;align-items:center!important;
    gap:var(--sf-avif-nav-gap)!important;
    pointer-events:auto!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav-left {
    right:calc(50% + 54px)!important;
    grid-template-columns:repeat(3,var(--sf-avif-nav-w))!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav-right {
    left:calc(50% + 54px)!important;
    grid-template-columns:repeat(2,var(--sf-avif-nav-w))!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a,
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a.is-current {
    display:block!important;position:relative!important;
    width:var(--sf-avif-nav-w)!important;min-width:0!important;
    height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    overflow:visible!important;
    transition:transform .18s ease,filter .18s ease!important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.24));
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav .sf-op-nav-art {
    display:block!important;width:100%!important;height:auto!important;
    margin:0!important;object-fit:contain!important;pointer-events:none!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav .sf-op-nav-label {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a:hover,
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a:focus-visible {
    transform:translateY(-3px) scale(1.035)!important;
    filter:brightness(1.08) drop-shadow(0 7px 12px rgba(26,10,51,.62));
  }
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a:focus-visible {
    outline:2px solid #ddf9ff!important;outline-offset:1px!important;border-radius:18px!important;
  }
  body.sf-onepage .sf-onepage-player .neon-vote-play {
    position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;z-index:12!important;
  }

  /* Onde ouvir: exatamente QUATRO cartões acima e TRÊS centralizados abaixo. */
  body.sf-onepage #onde-ouvir .sf-onepage-inner {
    width:min(1080px,100%)!important;max-width:1080px!important;
    margin:0 auto!important;min-width:0!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform-grid {
    --sf-avif-cards-gap:clamp(11px,1vw,16px);
    display:flex!important;flex-wrap:wrap!important;
    justify-content:center!important;align-items:center!important;
    align-content:center!important;
    width:min(970px,100%)!important;max-width:970px!important;
    gap:var(--sf-avif-cards-gap)!important;
    margin:0 auto!important;
    padding:0!important;box-sizing:border-box!important;
    grid-template-columns:none!important;grid-auto-flow:row!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform {
    flex:0 0 calc((100% - 3 * var(--sf-avif-cards-gap))/4)!important;
    box-sizing:border-box!important;position:relative!important;
    display:block!important;width:auto!important;min-width:0!important;max-width:none!important;
    min-height:0!important;height:auto!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    overflow:visible!important;
    transition:transform .17s ease,filter .17s ease!important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform:nth-child(n) {
    grid-column:auto!important;grid-row:auto!important;
    margin:0!important;min-width:0!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform .sf-op-platform-art {
    display:block!important;width:100%!important;height:auto!important;
    object-fit:contain!important;pointer-events:none!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform strong,
  body.sf-onepage #onde-ouvir .sf-onepage-platform small {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform:hover,
  body.sf-onepage #onde-ouvir .sf-onepage-platform:focus-visible {
    transform:translateY(-4px) scale(1.03)!important;
    filter:brightness(1.08) drop-shadow(0 8px 14px rgba(0,0,0,.58));
  }
  body.sf-onepage #onde-ouvir .sf-onepage-platform:focus-visible {
    outline:2px solid #c9f6ff!important;outline-offset:1px!important;border-radius:18px!important;
  }
  body.sf-onepage #onde-ouvir .sf-op-headphones-art {
    display:block!important;width:clamp(80px,8vw,105px)!important;
    height:auto!important;margin:0 auto -5px!important;object-fit:contain!important;
  }
  body.sf-onepage #onde-ouvir .sf-onepage-lead {
    margin-bottom:clamp(18px,2.4vh,26px)!important;
  }
  /* Vídeo fica no fundo e não recebe cliques/hover, evitando controles indesejados. */
  body.sf-onepage .sf-minimal-video,
  body.sf-onepage .sf-minimal-video iframe {pointer-events:none!important;}
  /* Evita escurecer o vídeo novamente em seções individuais. */
  body.sf-onepage #onde-ouvir .sf-onepage-inner {isolation:isolate;}

  /* Visibilidade do vídeo: mesma transparência leve da seção principal. */
  body.sf-onepage .sf-onepage-panel,
  body.sf-onepage #onde-ouvir,
  body.sf-onepage #chat,
  body.sf-onepage #pedidos,
  body.sf-onepage #contatos {
    background:linear-gradient(108deg,rgba(3,7,22,.12),rgba(3,9,25,.09) 52%,rgba(3,8,22,.13))!important;
    backdrop-filter:none!important;
  }
  body.sf-onepage .sf-onepage-end {background:rgba(3,8,22,.19)!important;}
}
@media (prefers-reduced-motion: reduce) {
  body.sf-onepage .sf-onepage-player .sf-onepage-nav a,
  body.sf-onepage #onde-ouvir .sf-onepage-platform {transition:none!important}
}