/* MAIS TUNER 24.76 — Página da rádio no computador (station-page-2026.mjs), redesenhada.
   Só vale com html.dk-on.dk-radio (≥1180px, fora do app). Duas colunas que se alinham do topo
   ao fim: à esquerda a rádio; à direita o chat fixado OU o painel "Ao vivo agora" (nunca vazio). */
html.dk-on.dk-radio{--sp-accent:#5fffc0;--sp-ink:#eef4ff;--sp-soft:#a9bbd6;--sp-card:rgba(10,22,40,.74);--sp-line:rgba(255,255,255,.09);--sp-w:min(calc(100% - 64px),1320px);--sp-side:360px}

/* ---------------------------------------------------------------- palco atrás do topo */
.dk-sp-stage{display:none}
html.dk-on.dk-radio .dk-sp-stage{display:block;position:absolute;left:var(--dk-w);right:0;top:0;height:820px;z-index:0;overflow:hidden;pointer-events:none}
.dk-sp-stage-art{position:absolute;inset:-14%;background:center/cover no-repeat;filter:blur(90px) saturate(1.6) brightness(.85);opacity:.6;transition:background-image .6s}
.dk-sp-stage-mesh{position:absolute;inset:0;background:
  radial-gradient(40% 55% at 12% 18%,color-mix(in srgb,var(--sp-accent) 55%,transparent),transparent 70%),
  radial-gradient(35% 45% at 78% 8%,color-mix(in srgb,var(--sp-accent) 30%,transparent),transparent 70%),
  radial-gradient(30% 40% at 55% 70%,color-mix(in srgb,var(--sp-accent) 18%,transparent),transparent 70%);
  opacity:.75;animation:dkSpMesh 18s ease-in-out infinite alternate}
@keyframes dkSpMesh{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}
.dk-sp-stage-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,31,.05) 0%,rgba(6,17,31,.45) 50%,var(--dk-bg,#06111f) 100%)}
.dk-sp-stage-word{position:absolute;right:-2%;top:70px;max-width:96%;font:900 clamp(160px,18vw,300px)/.82 'NRK Sans','Reddit Sans',sans-serif;letter-spacing:-.06em;white-space:nowrap;overflow:hidden;
  color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--sp-accent) 40%,transparent);opacity:.35;text-align:right}
.dk-sp-stars{position:absolute;inset:0;display:none}
/* clima (estrelas da noite, chuva…) fica atrás do conteúdo da página, não por cima */
html.dk-on.dk-radio .sr-weather-fx{z-index:0!important}
html.dk-on.dk-radio body > section.hero,html.dk-on.dk-radio body > .dk-back,html.dk-on.dk-radio body > .dk-st{position:relative;z-index:1}

/* ---------------------------------------------------------------- topo: grade de duas colunas */
html.dk-on.dk-radio body > section.hero{width:var(--sp-w);margin:14px auto 0;padding:0!important;background:none!important;box-sizing:border-box;min-height:0!important}
html.dk-on.dk-radio .hero .hero-shape{display:none!important}
html.dk-on.dk-radio .hero .hero-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html.dk-on.dk-radio .hero .hero-panel{display:grid!important;grid-template-columns:minmax(0,1fr) var(--sp-side);grid-template-rows:auto 1fr auto;column-gap:32px;row-gap:16px;
  min-height:0!important;padding:6px 0 0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:auto;transform:none!important;animation:none!important}
html.dk-on.dk-radio .hero .hero-panel::before,html.dk-on.dk-radio .hero .hero-panel::after,html.dk-on.dk-radio .hero .central-ambient{display:none!important}
html.dk-on.dk-radio .hero .hero-panel-head{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;width:auto!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid var(--sp-line)}
html.dk-on.dk-radio .hero .hero-kicker{font-size:12px!important;letter-spacing:.2em!important;color:var(--sp-accent)!important}
html.dk-on.dk-radio .hero .hero-context{margin-left:auto}
html.dk-on.dk-radio .hero .hero-main{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:40px;width:auto!important;min-height:0!important;padding:18px 0 8px!important}
html.dk-on.dk-radio .hero .hero-detail-row{grid-column:1;grid-row:3;margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--sp-line)!important;width:auto!important}
/* coluna da direita: o chat fixado… */
html.dk-on.dk-radio .hero .mtc-dock-host,html.dk-on.dk-radio .hero .mtc-dock-slot{grid-column:2;grid-row:1/4;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:480px;max-height:620px;align-self:stretch;margin:0!important}
html.dk-on.dk-radio .hero .mtc-dock-host .mtc{border-radius:26px!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.85),0 0 0 1px color-mix(in srgb,var(--sp-accent) 24%,transparent)!important}
/* …ou, sem ele, o painel "Ao vivo agora" (a coluna nunca fica vazia) */
.dk-sp-live{display:none}
html.dk-on.dk-radio .hero .hero-panel.chat-undocked .dk-sp-live{display:flex}
html.dk-on.dk-radio .hero .hero-panel.chat-undocked .mtc-dock-slot:not(.is-hot){display:none!important}

/* ---------------------------------------------------------------- arte da rádio */
html.dk-on.dk-radio .hero .hero-visual{position:relative;width:300px!important;height:300px!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important;overflow:visible!important;clip-path:none!important}
html.dk-on.dk-radio .hero .hero-main{overflow:visible!important}
html.dk-on.dk-radio .hero .hero-visual > :is(.art,.np-cover,.hero-play){display:none!important}
.dk-sp-art{position:absolute;inset:0;z-index:0;font-family:'NRK Sans','Reddit Sans',sans-serif}
.dk-sp-art-tile{position:absolute;inset:0;border-radius:30px;overflow:hidden;background:var(--sp-brand);
  box-shadow:0 44px 80px -36px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14),0 0 140px -34px var(--sp-accent);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.dk-sp-art-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
.dk-sp-art-logo{position:absolute;left:14%;top:14%;width:72%;height:72%;object-fit:contain;-webkit-user-drag:none}
.dk-sp-art-logo.is-cover{left:0;top:0;width:100%;height:100%;object-fit:cover}
.dk-sp-art.has-ribbon .dk-sp-art-logo:not(.is-cover){top:10%;height:62%}
.dk-sp-art-ini{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:84px;font-weight:900}
.dk-sp-art-ini[hidden],.dk-sp-art-logo[hidden]{display:none}
.dk-sp-art-ribbon{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;justify-content:center;border-radius:0 0 30px 30px;
  background:linear-gradient(100deg,#36cae7 0%,#55e4d1 52%,#5fffc0 100%);color:#082a47;font:700 22px/1 'Reddit Sans Condensed','Arial Narrow',sans-serif}
.dk-sp-art-ribbon[hidden]{display:none}
.dk-sp-art-eq{position:absolute;left:18px;top:18px;display:flex;align-items:flex-end;gap:3px;height:22px;padding:6px 8px;border-radius:10px;background:rgba(2,7,15,.55);opacity:0;transition:opacity .3s}
.dk-sp-art-eq i{width:4px;height:100%;border-radius:2px;background:var(--sp-accent);transform-origin:bottom;transform:scaleY(.35)}
.dk-sp-art.is-playing .dk-sp-art-eq{opacity:1}
.dk-sp-art.is-playing .dk-sp-art-eq i{animation:dkSpEq .9s ease-in-out infinite}
.dk-sp-art-eq i:nth-child(2){animation-delay:-.3s!important}.dk-sp-art-eq i:nth-child(3){animation-delay:-.6s!important}.dk-sp-art-eq i:nth-child(4){animation-delay:-.15s!important}
@keyframes dkSpEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
/* 24.76: a capa da música que está tocando ocupa a arte inteira; a marca da rádio vira um selo
   no canto de cima (sem capa, a marca grande volta). */
.dk-sp-art-song{position:absolute;inset:0;z-index:1;border-radius:30px;overflow:hidden;animation:dkSpSong .6s ease both}
.dk-sp-art-song[hidden]{display:none}
.dk-sp-art-song img{width:100%;height:100%;object-fit:cover;display:block}
.dk-sp-art-song::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 34%,transparent 62%,rgba(0,0,0,.42) 100%)}
@keyframes dkSpSong{from{opacity:0}to{opacity:1}}
.dk-sp-art-badge{position:absolute;left:16px;top:16px;z-index:2;width:74px;height:74px;border-radius:18px;overflow:hidden;display:none;place-items:center;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.8),0 0 0 2px rgba(255,255,255,.85)}
.dk-sp-art.has-song .dk-sp-art-badge:not([hidden]){display:grid}
.dk-sp-art-badge img{width:76%;height:76%;object-fit:contain}
.dk-sp-art-badge img.is-cover{width:100%;height:100%;object-fit:cover}
.dk-sp-art-ribbon,.dk-sp-art-eq{z-index:2}
.dk-sp-art-play{z-index:3}
.dk-sp-art.has-song .dk-sp-art-eq{left:auto;right:16px}
html.dk-on.dk-radio.sp-pns .dk-sp-art-badge{background:linear-gradient(145deg,#2cf0a8,#00c98d)!important}
/* o modo carro não faz sentido no computador: o botão fica oculto aqui */
.dk-sp-tools [data-sp="car"]{display:none!important}
.dk-sp-art-play{position:absolute;right:-16px;bottom:-16px;width:78px;height:78px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;
  background:linear-gradient(160deg,#ff5f6d,#ff3b4e);box-shadow:0 16px 34px -10px rgba(255,59,78,.9),0 0 0 6px var(--dk-bg,#06111f);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.dk-sp-art-play:hover{transform:scale(1.07)}.dk-sp-art-play:active{transform:scale(.95)}
.dk-sp-art-play svg{width:34px;height:34px;fill:currentColor}
/* selo de patrocínio (dos anúncios) continua por cima da arte */
html.dk-on.dk-radio .hero .hero-visual > :not(.dk-sp-art):not(.art):not(.np-cover):not(.hero-play){z-index:2}

/* ---------------------------------------------------------------- texto do topo */
html.dk-on.dk-radio .hero .hero-copy{display:flex!important;flex-direction:column;gap:14px;min-width:0;width:auto!important;text-align:left!important;align-items:stretch!important}
html.dk-on.dk-radio .hero .hero-panel-head .mtc-reopen,html.dk-on.dk-radio .hero .community-track-caption{display:none!important}
html.dk-on.dk-radio .hero .community-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0!important}
html.dk-on.dk-radio .hero .community-reactions[hidden]{display:none}
html.dk-on.dk-radio .hero .community-reactions button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--sp-line);background:rgba(255,255,255,.06);color:var(--sp-ink);font:700 13px 'NRK Sans','Reddit Sans',sans-serif}
html.dk-on.dk-radio .hero .hero-editorial-question,html.dk-on.dk-radio .hero #nowPlayingWrap{display:none!important}
html.dk-on.dk-radio .hero .hero-overline{font-size:13px!important;letter-spacing:.18em!important;color:var(--sp-accent)!important;margin:0!important}
html.dk-on.dk-radio body .hero .hero-station{font-family:'NRK Sans','Reddit Sans',sans-serif!important;font-size:clamp(46px,4.6vw,76px)!important;line-height:.98!important;letter-spacing:-.035em!important;font-weight:900!important;
  margin:0!important;white-space:normal!important;color:#fff!important;text-shadow:0 8px 40px rgba(0,0,0,.45)}
html.dk-on.dk-radio body .hero .hero-sub{font-family:'NRK Sans','Reddit Sans',sans-serif!important;font-size:21px!important;font-weight:600!important;color:var(--sp-soft)!important;margin:-4px 0 0!important}
html.dk-on.dk-radio .hero .central-media-actions{display:flex!important;gap:10px;flex-wrap:wrap;margin:0!important}
html.dk-on.dk-radio .hero .central-media-actions .rv-tv-button{height:44px!important;margin:0!important;padding:0 18px!important;border-radius:999px!important;border:1px solid var(--sp-line)!important;background:rgba(255,255,255,.08)!important;font-size:14.5px!important;font-weight:800!important}
html.dk-on.dk-radio .hero .central-media-actions .rv-tv-button:hover{background:rgba(255,255,255,.14)!important;border-color:color-mix(in srgb,var(--sp-accent) 55%,transparent)!important}
html.dk-on.dk-radio .hero .hero-status-row{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important}

/* faixa "Tocando agora" — 24.76: sem capa (a capa já está na arte grande ao lado); texto grande,
   barra fina de acento à esquerda e a barra de tempo de ponta a ponta */
.dk-sp-now{display:none}
html.dk-on.dk-radio .dk-sp-now{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px 14px 22px;border-radius:20px;overflow:hidden;
  background:linear-gradient(100deg,color-mix(in srgb,var(--sp-accent) 14%,rgba(8,18,34,.78)),rgba(8,18,34,.6) 70%);border:1px solid color-mix(in srgb,var(--sp-accent) 22%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:'NRK Sans','Reddit Sans',sans-serif;color:var(--sp-ink)}
html.dk-on.dk-radio .dk-sp-now::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sp-accent)}
.dk-sp-tools svg,.dk-sp-now-lyrics svg,.dk-sp-live svg,.dk-sp-top1-cover svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dk-sp-now-copy{min-width:0;display:grid;gap:2px}
.dk-sp-now-label{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-accent)}
.dk-sp-now-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sp-accent);animation:dkSpPulse 1.8s ease-out infinite}
@keyframes dkSpPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sp-accent) 70%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
.dk-sp-now-title{font-size:24px;letter-spacing:-.01em;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-now-artist{font-size:16px;font-weight:600;color:var(--sp-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-now.is-empty .dk-sp-now-artist{font-size:13.5px}
.dk-sp-now-bar,.dk-sp-now-time{display:none}
.dk-sp-now.has-time .dk-sp-now-bar{display:block;height:4px;margin-top:10px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.dk-sp-now-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--sp-accent);transition:width .5s linear}
.dk-sp-now.has-time .dk-sp-now-time{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--sp-soft);font-variant-numeric:tabular-nums}
.dk-sp-now-time em{font-style:normal}
.dk-sp-now-lyrics{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:999px;background:#ffd84d;color:#1f1600;font:800 14px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}
.dk-sp-now-lyrics[hidden]{display:none}
.dk-sp-now-lyrics svg{width:18px;height:18px}
/* ferramentas */
.dk-sp-actrow,.dk-sp-tools{display:none}
html.dk-on.dk-radio .dk-sp-actrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html.dk-on.dk-radio .dk-sp-actrow .central-media-actions{display:flex!important;gap:8px}
html.dk-on.dk-radio .dk-sp-actrow .central-media-actions[hidden]{display:none!important}
html.dk-on.dk-radio .dk-sp-tools{display:flex;gap:6px}
.dk-sp-tools button{position:relative;display:inline-grid!important;place-items:center;width:42px!important;height:42px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid var(--sp-line)!important;
  background:rgba(2,7,15,.4)!important;color:var(--sp-ink)!important;cursor:pointer;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s}
.dk-sp-tools button:hover{background:rgba(255,255,255,.12)!important;border-color:color-mix(in srgb,var(--sp-accent) 55%,transparent)!important;transform:translateY(-1px)}
.dk-sp-tools button svg{width:19px;height:19px;color:var(--sp-accent)}
/* o nome aparece num balão ao passar o mouse (e fica no aria-label) */
.dk-sp-tools button > span{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);padding:6px 10px;border-radius:8px;background:#0b1626;color:#fff;font:800 12px 'NRK Sans','Reddit Sans',sans-serif;white-space:nowrap;
  box-shadow:0 8px 20px -8px rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:5}
.dk-sp-tools button:is(:hover,:focus-visible) > span,.dk-sp-tools button.is-done > span{opacity:1;transform:translate(-50%,0)}
.dk-sp-tools button:is(.is-on,.is-done){border-color:var(--sp-accent)!important;background:color-mix(in srgb,var(--sp-accent) 22%,transparent)!important}
.dk-sp-actrow::after{content:"";flex-basis:0}

/* ---------------------------------------------------------------- painel "Ao vivo agora" */
html.dk-on.dk-radio .dk-sp-live{grid-column:2;grid-row:1/4;flex-direction:column;text-align:left;gap:0;min-height:480px;align-self:stretch;border-radius:26px;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--sp-accent) 14%,rgba(8,18,34,.86)),rgba(8,18,34,.86) 45%);border:1px solid color-mix(in srgb,var(--sp-accent) 26%,transparent);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:'NRK Sans','Reddit Sans',sans-serif;color:var(--sp-ink)}
.dk-sp-live > header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.dk-sp-live > header b{font-weight:900}
.dk-sp-live-dot{width:9px;height:9px;border-radius:50%;background:#ff4f6a;animation:dkSpPulse 1.8s ease-out infinite;--sp-accent:#ff4f6a}
.dk-sp-live-clock{margin-left:auto;font-size:15px;letter-spacing:0;font-weight:900;font-variant-numeric:tabular-nums;color:var(--sp-soft)}
.dk-sp-live > section{padding:14px 20px;border-top:1px solid var(--sp-line)}
.dk-sp-live > section[hidden]{display:none}
.dk-sp-live small{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-accent)}
.dk-sp-live small svg{width:16px;height:16px}
.dk-sp-live strong{display:block;margin-top:5px;font-size:19px;font-weight:900;line-height:1.2}
.dk-sp-live-range{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--sp-soft)}
.dk-sp-live-pbar{display:block;height:5px;margin-top:10px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}
.dk-sp-live-pbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--sp-accent) 55%,#fff),var(--sp-accent))}
.dk-sp-live-after{margin:10px 0 0;font-size:13.5px;font-weight:700;color:var(--sp-soft)}
.dk-sp-live-next strong{font-size:16px}
.dk-sp-live-chat{flex:1;display:flex;flex-direction:column;gap:10px}
.dk-sp-live-unread{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ff4f6a;color:#fff;font-size:11px;letter-spacing:0;display:grid;place-items:center}
.dk-sp-live-unread[hidden]{display:none}
.dk-sp-live-msg{margin:0;padding:12px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.07);font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dk-sp-live-chat button{margin-top:auto;height:46px;border:0;border-radius:999px;background:linear-gradient(100deg,#5fffc0,#36cae7);color:#06231b;font:900 15px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer;transition:transform .15s}
.dk-sp-live-chat button:hover{transform:translateY(-1px)}
.dk-sp-live-me{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--sp-soft)}
.dk-sp-live-me svg{width:18px;height:18px;flex:none;color:#ff6f87}

/* ---------------------------------------------------------------- seções */
.dk-sp{display:none}
html.dk-on.dk-radio body > .dk-sp{display:grid!important;position:relative;z-index:1;order:5;width:var(--sp-w);margin:30px auto 0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) var(--sp-side);gap:24px 32px;align-items:start;font-family:'NRK Sans','Reddit Sans',sans-serif;color:var(--sp-ink)}
.dk-sp-main,.dk-sp-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.dk-sp-card{padding:22px 24px;border-radius:26px;background:var(--sp-card);border:1px solid var(--sp-line);box-shadow:0 20px 44px -30px rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dk-sp-card[hidden]{display:none}
.dk-sp-card > header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.dk-sp-card h3{margin:0;font-size:21px;font-weight:900;font-family:inherit;color:var(--sp-ink);display:flex;align-items:center;gap:10px}
.dk-sp-card h3::before{content:"";width:4px;height:21px;border-radius:4px;background:var(--sp-accent)}
.dk-sp-card > header small{font-size:13px;font-weight:800;color:var(--sp-soft)}
.dk-sp-muted{margin:0;color:var(--sp-soft);font-size:14px}
/* Últimas tocadas (a lista de sempre, com cara de cartão) */
html.dk-on.dk-radio .dk-sp-slot-history #historyWrap{display:block!important;margin:0!important;width:auto!important;padding:22px 24px!important;border-radius:26px!important;background:var(--sp-card)!important;border:1px solid var(--sp-line)!important;box-shadow:0 20px 44px -30px rgba(0,0,0,.8)!important}
html.dk-on.dk-radio .dk-sp-slot-history .history-inner{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;max-width:none!important}
html.dk-on.dk-radio .dk-sp-slot-history .history-inner > h2{font-size:21px!important;font-weight:900!important;margin:0 0 14px!important}
/* mais tocadas: o 1º lugar em destaque */
.dk-sp-top1{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:22px;padding:16px;margin-bottom:10px;border-radius:22px;overflow:hidden;
  background:linear-gradient(110deg,color-mix(in srgb,var(--sp-accent) 26%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--sp-accent) 30%,transparent)}
.dk-sp-top1-cover{position:relative;z-index:1;width:132px;height:132px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--sp-accent) 20%,#0b1b33);color:var(--sp-accent);box-shadow:0 18px 30px -16px rgba(0,0,0,.9)}
.dk-sp-top1-cover img{width:100%;height:100%;object-fit:cover}
.dk-sp-top1-copy{position:relative;z-index:1;min-width:0;display:grid;gap:4px}
.dk-sp-top1-copy small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-accent)}
.dk-sp-top1-copy strong{font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dk-sp-top1-copy > span{font-size:17px;font-weight:700;color:var(--sp-soft)}
.dk-sp-top1-copy em{font-style:normal;font-size:13px;font-weight:800;color:var(--sp-ink);opacity:.8}
.dk-sp-top1-n{position:absolute;right:10px;bottom:-34px;z-index:0;font-size:180px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--sp-accent) 45%,transparent);pointer-events:none}
.dk-sp-toplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.dk-sp-toplist li{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;border-radius:16px;animation:dkSpIn .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .06s) both}
.dk-sp-toplist li:hover{background:rgba(255,255,255,.05)}
@keyframes dkSpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dk-sp-pos{font-size:24px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;color:var(--sp-soft)}
.dk-sp-cover{width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--sp-accent) 18%,#0b1b33)}
.dk-sp-cover img{width:100%;height:100%;object-fit:cover}
.dk-sp-cover i{font-style:normal;opacity:.6}
.dk-sp-tt{min-width:0;display:grid;gap:2px}
.dk-sp-tt strong{font-size:16.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-tt small{font-size:13.5px;color:var(--sp-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-bar{display:block;height:4px;margin-top:5px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.dk-sp-bar i{display:block;height:100%;width:var(--w);border-radius:4px;background:color-mix(in srgb,var(--sp-accent) 75%,transparent);animation:dkSpBar .9s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--i) * .06s) both}
@keyframes dkSpBar{from{width:0}}
.dk-sp-toplist em{display:flex;align-items:center;gap:8px;font-style:normal;font-size:13px;font-weight:800;color:var(--sp-soft);font-variant-numeric:tabular-nums}
:is(.dk-sp-toplist,.dk-sp-top1-copy) i:is(.is-up,.is-down,.is-new){font-style:normal;font-size:11px}
:is(.dk-sp-toplist,.dk-sp-top1-copy) .is-new{padding:2px 7px;border-radius:999px;background:var(--sp-accent);color:#062a1f;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
:is(.dk-sp-toplist,.dk-sp-top1-copy) .is-up{color:#5fffc0}:is(.dk-sp-toplist,.dk-sp-top1-copy) .is-down{color:#ff7a8a}
.dk-sp-link{margin-top:12px;padding:0;border:0;background:none;color:var(--sp-accent);font:inherit;font-size:14.5px;font-weight:800;cursor:pointer}
.dk-sp-top[data-empty="1"] .dk-sp-link{display:none}
/* artistas da semana */
.dk-sp-artlist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dk-sp-artist{display:grid;justify-items:center;text-align:center;gap:4px;min-width:0;animation:dkSpIn .5s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .06s) both}
.dk-sp-artist-ph{width:84px;height:84px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--sp-accent) 24%,#0b1b33);box-shadow:0 0 0 3px rgba(2,7,15,.6),0 0 0 5px color-mix(in srgb,var(--sp-accent) 45%,transparent)}
.dk-sp-artist-ph img{width:100%;height:100%;object-fit:cover}
.dk-sp-artist-ph b{font-size:30px;font-weight:900;color:#fff}
.dk-sp-artist strong{max-width:100%;margin-top:6px;font-size:14.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-artist small{font-size:12px;font-weight:700;color:var(--sp-soft)}
/* 24.80: artistas viram "status" — anel colorido (ainda não visto) como nas redes sociais */
button.dk-sp-artist{border:0;background:none;color:inherit;font:inherit;padding:4px;border-radius:16px;cursor:pointer}
button.dk-sp-artist:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}
.dk-sp-artist[data-story] .dk-sp-artist-ph{box-shadow:0 0 0 3px rgba(2,7,15,.85),0 0 0 6px transparent;position:relative;overflow:visible;background-clip:padding-box}
.dk-sp-artist[data-story] .dk-sp-artist-ph::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 210deg,#ffd54a,#ff6a3d,#ff2f7d,#a64dff,#4d7cff,#36cae7,#5fffc0,#ffd54a);z-index:-1;transition:opacity .25s}
.dk-sp-artist[data-story] .dk-sp-artist-ph > *{border-radius:50%;overflow:hidden}
.dk-sp-artist[data-story] .dk-sp-artist-ph img{border-radius:50%}
.dk-sp-artist.is-seen .dk-sp-artist-ph::before{background:rgba(160,180,210,.35)}
.dk-sp-artist[data-story]:hover .dk-sp-artist-ph{transform:scale(1.04)}
.dk-sp-artist-ph{transition:transform .2s}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-artist[data-story] .dk-sp-artist-ph{box-shadow:0 0 0 3px #fff}
/* programação de hoje */
.dk-sp-proglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:relative}
.dk-sp-proglist::before{content:"";position:absolute;left:73px;top:14px;bottom:14px;width:2px;background:var(--sp-line)}
.dk-sp-proglist li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:28px;align-items:center;padding:9px 10px;border-radius:14px}
.dk-sp-proglist li::after{content:"";position:absolute;left:69px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#0b1b33;box-shadow:0 0 0 2px var(--sp-line)}
.dk-sp-proglist li.is-now{background:color-mix(in srgb,var(--sp-accent) 14%,transparent)}
.dk-sp-proglist li.is-now::after{background:var(--sp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-accent) 30%,transparent)}
.dk-sp-proglist time{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.dk-sp-proglist strong{display:block;font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-proglist small{font-size:12.5px;color:var(--sp-soft)}
.dk-sp-proglist li.is-now small{color:var(--sp-accent);font-weight:800}
/* sobre */
.dk-sp-facts{margin:0;display:grid;gap:0}
.dk-sp-facts div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-line)}
.dk-sp-facts div:first-child{border-top:0}
.dk-sp-facts dt{font-size:13px;font-weight:800;color:var(--sp-soft)}
.dk-sp-facts dd{margin:0;font-size:14.5px;font-weight:700;overflow-wrap:anywhere}
.dk-sp-facts a{color:var(--sp-accent);text-decoration:none}
/* mesma família */
.dk-sp-fam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dk-sp-fam-b{display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;color:var(--sp-ink);font:inherit;cursor:pointer;min-width:0}
.dk-sp-fam-b > span{width:100%;aspect-ratio:1;border-radius:14px;background:var(--b);display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.dk-sp-fam-b:hover > span{transform:translateY(-3px);box-shadow:0 0 0 2px var(--sp-accent)}
.dk-sp-fam-b img{width:72%;height:72%;object-fit:contain}
.dk-sp-fam-b img.is-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dk-sp-fam-b b{color:#fff;font-weight:900}
.dk-sp-fam-b small{max-width:100%;font-size:11.5px;font-weight:700;color:var(--sp-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* os outros módulos da rádio (Anthemz por ano, faixa da PNS…) ficam na largura da página */
html.dk-on.dk-radio body > .dk-st:not(.dk-sp){width:var(--sp-w);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}

/* ---------------------------------------------------------------- PNS: verde-menta, marca escura e estrelinhas */
html.dk-on.dk-radio.sp-pns{--sp-accent:#00f5a0;--sp-card:rgba(4,40,32,.62);--sp-line:rgba(0,245,160,.16)}
html.dk-on.dk-radio.sp-pns .dk-sp-stage-tint{background:radial-gradient(90% 100% at 15% 0%,rgba(0,245,160,.4),transparent 62%),linear-gradient(180deg,rgba(0,40,30,.15) 0%,rgba(4,30,26,.6) 55%,var(--dk-bg,#06111f) 100%)}
html.dk-on.dk-radio.sp-pns .dk-sp-stars{display:block}
html.dk-on.dk-radio.sp-pns .dk-sp-art-tile{background:linear-gradient(145deg,#2cf0a8 0%,#00c98d 55%,#049a6c 100%)!important;box-shadow:0 44px 80px -36px rgba(0,0,0,.95),0 0 0 2px rgba(0,245,160,.55),0 0 150px -20px rgba(0,245,160,.8)}
.dk-sp-star{position:absolute;width:var(--s);height:var(--s);color:#b9ffe6;opacity:0;animation:dkSpTw 3.2s ease-in-out var(--d) infinite}
.dk-sp-star svg,.dk-sp-burst svg{width:100%;height:100%;fill:currentColor;display:block}
@keyframes dkSpTw{0%,100%{opacity:.1;transform:scale(.7) rotate(0)}50%{opacity:.85;transform:scale(1) rotate(20deg)}}
.dk-sp-burst{position:fixed;inset:0;z-index:60;pointer-events:none}
.dk-sp-burst i{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);color:#00f5a0;filter:drop-shadow(0 0 8px rgba(0,245,160,.8));animation:dkSpBurst 1.3s cubic-bezier(.15,.8,.25,1) var(--d) both}
.dk-sp-burst i:nth-child(3n){color:#fff}.dk-sp-burst i:nth-child(3n+1){color:#74ffd3}
@keyframes dkSpBurst{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1) rotate(160deg)}}

/* ---------------------------------------------------------------- menos movimento */
@media (prefers-reduced-motion:reduce){.dk-sp-star{animation:none;opacity:.5}.dk-sp-burst{display:none}.dk-sp-stage-mesh,.dk-sp-toplist li,.dk-sp-artist,.dk-sp-bar i,.dk-sp-art-song,.dk-sp-art-eq i,.dk-sp-now-label::before,.dk-sp-live-dot{animation:none!important}}
html.anim-none :is(.dk-sp-star,.dk-sp-stage-mesh,.dk-sp-toplist li,.dk-sp-artist,.dk-sp-bar i,.dk-sp-art-song,.dk-sp-art-eq i,.dk-sp-live-dot){animation:none!important}
html.anim-none .dk-sp-now-label::before{animation:none!important}
html.anim-none .dk-sp-burst{display:none}

/* ---------------------------------------------------------------- telas médias */
@media (max-width:1440px){
  html.dk-on.dk-radio{--sp-side:330px}
  html.dk-on.dk-radio .hero .hero-main{grid-template-columns:250px minmax(0,1fr);gap:32px}
  html.dk-on.dk-radio .hero .hero-visual{width:250px!important;height:250px!important}
  .dk-sp-art-play{width:68px;height:68px}.dk-sp-art-badge{width:62px;height:62px;border-radius:15px}
  .dk-sp-art-ribbon{height:40px;font-size:19px}
  .dk-sp-artlist{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
}
@media (max-width:1280px){
  html.dk-on.dk-radio{--sp-side:300px;--sp-w:calc(100% - 48px)}
  html.dk-on.dk-radio .hero .hero-main{grid-template-columns:210px minmax(0,1fr);gap:26px}
  html.dk-on.dk-radio .hero .hero-visual{width:210px!important;height:210px!important}
  html.dk-on.dk-radio body .hero .hero-station{font-size:clamp(40px,4.2vw,56px)!important}
  .dk-sp-art-play{width:60px;height:60px}.dk-sp-art-play svg{width:28px;height:28px}.dk-sp-art-badge{width:52px;height:52px;border-radius:13px;left:12px;top:12px}
  .dk-sp-art-ribbon{height:34px;font-size:17px}
  .dk-sp-now-title{font-size:20px}
  .dk-sp-now-lyrics span{display:none}.dk-sp-now-lyrics{width:40px;padding:0;justify-content:center}
  .dk-sp-top1{grid-template-columns:104px minmax(0,1fr)}.dk-sp-top1-cover{width:104px;height:104px}.dk-sp-top1-copy strong{font-size:24px}
}

/* 24.79: a próxima música também na faixa (com o chat fixado o painel ao vivo não aparece) */
.dk-sp-now-next{display:block;margin-top:4px;font-size:13px;font-weight:700;color:var(--sp-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sp-now-next[hidden]{display:none}

/* ---------------------------------------------------------------- 24.79: tema claro (pente fino de cores)
   No claro o palco fica claro: textos escuros, acento escurecido para dar contraste e cartões brancos. */
html[data-site-theme="light"].dk-on.dk-radio{--sp-ink:#0b1b2e;--sp-soft:#4a5f7c;--sp-card:rgba(255,255,255,.9);--sp-line:rgba(9,37,65,.12);--sp-acc-ink:color-mix(in srgb,var(--sp-accent) 45%,#06213a)}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-stage-tint{background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(244,248,253,.75) 50%,var(--dk-bg,#f4f8fd) 100%)}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-stage-art{opacity:.35}
html[data-site-theme="light"].dk-on.dk-radio body .hero .hero-station{color:#0b1b2e!important;text-shadow:none}
html[data-site-theme="light"].dk-on.dk-radio .hero :is(.hero-kicker,.hero-overline){color:var(--sp-acc-ink)!important}
html[data-site-theme="light"].dk-on.dk-radio body .hero .hero-sub{color:var(--sp-soft)!important}
html[data-site-theme="light"].dk-on.dk-radio :is(.dk-sp-now,.dk-sp-live){background:#fff;color:var(--sp-ink);border-color:var(--sp-line);box-shadow:0 18px 40px -26px rgba(9,37,65,.45)}
html[data-site-theme="light"].dk-on.dk-radio :is(.dk-sp-now-label,.dk-sp-now-next,.dk-sp-live small,.dk-sp-card h3 + small,.dk-sp-link,.dk-sp-top1-copy small,.dk-sp-facts a){color:var(--sp-acc-ink)}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-live-msg{background:#f1f5fb}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-tools button{background:#fff!important;color:var(--sp-ink)!important;border-color:var(--sp-line)!important}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-tools button svg{color:var(--sp-acc-ink)}
html[data-site-theme="light"].dk-on.dk-radio .hero .central-media-actions .rv-tv-button{background:#fff!important;color:var(--sp-ink)!important}
html[data-site-theme="light"].dk-on.dk-radio .hero .community-reactions button{background:#fff;color:var(--sp-ink)}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-art-play{box-shadow:0 16px 34px -10px rgba(255,59,78,.7),0 0 0 6px #fff}
html[data-site-theme="light"].dk-on.dk-radio .dk-sp-top1-n{-webkit-text-stroke-color:color-mix(in srgb,var(--sp-accent) 55%,#fff)}
html[data-site-theme="light"].dk-on.dk-radio.sp-pns{--sp-card:rgba(255,255,255,.9);--sp-line:rgba(0,120,80,.18)}
html[data-site-theme="light"].dk-on.dk-radio.sp-pns .dk-sp-stage-tint{background:radial-gradient(90% 100% at 15% 0%,rgba(0,245,160,.35),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(236,252,246,.8) 55%,var(--dk-bg,#f4f8fd) 100%)}

/* 24.90: dois links na "Sobre a rádio" (página e convite) */
.dk-sp-link-hint{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--sp-soft,#93a7c6)}
/* 24.98: grade do dia em PDF */
.dk-sp-prog>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dk-sp-gpdf{flex:none;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.dk-sp-gpdf:hover{border-color:currentColor}
.dk-sp-gpdf[hidden]{display:none}