/* MAIS TUNER 24.89 — Início do PC, rodada 8 (home-plus-2026.mjs). Só com html.dk-on. */

/* ---------------------------------------------------------------- ordem dos blocos (11 e 15) */
.hp-blk{display:none}
html.dk-on:not(.dk-radio) body > .hp-blk{display:block;width:min(calc(100% - 64px),1240px);margin:26px auto 0;box-sizing:border-box;font-family:'NRK Sans','Reddit Sans',sans-serif;color:var(--dk-ink)}
html.dk-on:not(.dk-radio) body > .hp-blk[hidden]{display:none}
html.dk-on.hp-on:not(.dk-radio) body > .hp-cont{order:4}
html.dk-on.hp-on:not(.dk-radio) body > .hp-bar{order:5}
html.dk-on.hp-on:not(.dk-radio) body > .hp-fav-blk{order:var(--hpo-fav,10)}
html.dk-on.hp-on:not(.dk-radio) body > .dk-quick{order:var(--hpo-quick,20)}
html.dk-on.hp-on:not(.dk-radio) body > .dk-foryou{order:var(--hpo-foryou,24)}
html.dk-on.hp-on:not(.dk-radio) body > .dk-livenet{order:var(--hpo-livenet,28)}
html.dk-on.hp-on:not(.dk-radio) body > .hp-today{order:var(--hpo-today,32)}
html.dk-on.hp-on:not(.dk-radio) body > .hp-top{order:var(--hpo-top,36)}
html.dk-on.hp-on:not(.dk-radio) body > .hp-city{order:var(--hpo-city,40)}
html.dk-on.hp-on:not(.dk-radio) body > .dk-info{order:var(--hpo-info,41)}
html.dk-on.hp-on:not(.dk-radio) body > .mt-home > .mth-recent{order:var(--hpo-recent,44)}
html.dk-on.hp-on:not(.dk-radio) body > .toolbar{order:80}
html.dk-on.hp-on:not(.dk-radio) body > #main{order:81}
html.dk-on.hp-on:not(.dk-radio) body > .mt-home > .mth-pl{order:84}
html.dk-on.hp-on:not(.dk-radio) body > .site-footer{order:99}
html.dk-on.hp-off-cont body > .hp-cont,html.dk-on.hp-off-fav body > .hp-fav-blk,html.dk-on.hp-off-quick body > .dk-quick,html.dk-on.hp-off-foryou body > .dk-foryou,
html.dk-on.hp-off-livenet body > .dk-livenet,html.dk-on.hp-off-today body > .hp-today,html.dk-on.hp-off-top body > .hp-top,html.dk-on.hp-off-city body > .hp-city,
html.dk-on.hp-off-recent body > .mt-home > .mth-recent{display:none!important}
/* a cidade e o MAIS NEWS + MAIS TEMPO viram um bloco só */
html.dk-on.hp-on:not(.hp-off-city):not(.dk-radio) body > .dk-info{margin-top:12px}
html.dk-on.hp-cont-on:not(.hp-off-cont) .dk-now-resume{display:none}

/* ---------------------------------------------------------------- peças comuns */
.hp-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px}
.hp-h h3{display:flex;align-items:center;gap:9px;margin:0;font-size:22px;font-weight:900;letter-spacing:-.01em;color:var(--dk-ink)}
.hp-h h3 svg{width:20px;height:20px;fill:#ff3b5c}
.hp-h > span{font-size:14px;font-weight:600;color:var(--dk-soft)}
.hp-link{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:36px;padding:0 4px;border:0;background:none;color:var(--dk-hi);font:800 14px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer}
.hp-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hp-link:hover{text-decoration:underline;text-underline-offset:3px}
.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--dk-line);border-radius:999px;background:var(--dk-card2);color:var(--dk-ink);font:850 14px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer;white-space:nowrap}
.hp-btn svg{width:18px;height:18px;fill:currentColor}
.hp-btn.is-main{border-color:transparent;background:#ff0033;color:#fff}
.hp-btn:hover{filter:brightness(1.08)}
.hp-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--dk-soft);cursor:pointer}
.hp-x:hover{background:var(--dk-card2);color:var(--dk-ink)}
.hp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.hp-empty{display:flex;align-items:center;gap:12px;margin:0;padding:18px 20px;border:1px dashed var(--dk-line);border-radius:18px;color:var(--dk-soft);font-size:14.5px;font-weight:600;line-height:1.4}
.hp-empty svg{flex:none;width:24px;height:24px;fill:#ff3b5c}
.hp-muted{color:var(--dk-soft);font-size:14px;font-weight:600;padding:14px 4px}

/* ---------------------------------------------------------------- 8. continuar ouvindo */
html.dk-on:not(.dk-radio) body > .hp-cont{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:16px;padding:14px 16px 14px 14px;border-radius:22px;
  background:linear-gradient(100deg,color-mix(in srgb,var(--b) 55%,var(--dk-card)) 0%,var(--dk-card) 62%);border:1px solid var(--dk-line);box-shadow:0 18px 40px -30px rgba(0,0,0,.9)}
html.dk-on:not(.dk-radio) body > .hp-cont[hidden]{display:none}
.hp-cont-art{width:72px;height:72px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:var(--b);box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.hp-cont-art img{width:78%;height:78%;object-fit:contain}.hp-cont-art.is-cover img{width:100%;height:100%;object-fit:cover}
.hp-cont-art b{color:#fff;font-size:22px}
.hp-cont-copy{display:grid;gap:2px;min-width:0}
.hp-cont-copy small{font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--dk-hi)}
.hp-cont-copy strong{font-size:21px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-cont-copy span{font-size:14px;font-weight:600;color:var(--dk-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-cont-copy em{font-style:normal;opacity:.8}
.hp-cont-act{display:flex;align-items:center;gap:8px}

/* ---------------------------------------------------------------- 11 + 15. faixa e painel */
html.dk-on:not(.dk-radio) body > .hp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.hp-bar-t{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--dk-soft)}
.hp-bar-t svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hp-dlg{position:fixed;inset:0;z-index:9900;display:grid;place-items:center;padding:24px;background:rgba(2,8,18,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:'NRK Sans','Reddit Sans',sans-serif}
.hp-dlg[hidden]{display:none}
.hp-dlg-box{width:min(560px,100%);height:auto;max-height:min(86vh,760px);display:flex;flex-direction:column;border-radius:24px;background:#0c1a30;color:#eef4ff;border:1px solid rgba(160,190,240,.16);box-shadow:0 40px 80px -30px #000;overflow:hidden}
.hp-dlg-box > header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 4px 24px}
.hp-dlg-box h2{margin:0;font-size:22px;font-weight:900}
.hp-dlg-sub{margin:0;padding:0 24px 14px;font-size:14px;line-height:1.45;color:#9db0cc}
.hp-dlg-box > footer{flex:none;display:flex;justify-content:flex-end;gap:10px;margin:0!important;padding:14px 20px 20px!important;border-top:1px solid rgba(160,190,240,.12)!important;background:transparent!important;min-height:0!important}
.hp-dlg .hp-btn{background:#16294a;border-color:rgba(160,190,240,.18);color:#eef4ff}
.hp-dlg .hp-btn.is-main{background:#ff0033;border-color:transparent;color:#fff}
.hp-dlg .hp-x{color:#9db0cc}.hp-dlg .hp-x:hover{background:#16294a;color:#fff}
.hp-sw{display:flex;align-items:center;gap:14px;margin:0 24px 12px;padding:12px 14px;border-radius:16px;background:#112443;cursor:pointer}
.hp-sw input{position:absolute;opacity:0;width:1px;height:1px}
.hp-sw-ui{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#33496c;transition:background .2s}
.hp-sw-ui::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.hp-sw input:checked + .hp-sw-ui{background:#14c38e}
.hp-sw input:checked + .hp-sw-ui::after{transform:translateX(18px)}
.hp-sw input:focus-visible + .hp-sw-ui{outline:2px solid #5fffc0;outline-offset:2px}
.hp-sw strong{display:block;font-size:14.5px}
.hp-sw small{display:block;font-size:12.5px;color:#9db0cc}
.hp-sw.is-sm{margin:0;padding:0;background:none}
.hp-cus{flex:1 1 auto;min-height:0;display:grid;grid-auto-rows:min-content;align-content:start;gap:6px;margin:0;padding:4px 24px 16px;list-style:none;overflow:auto}
.hp-cus li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;padding:4px 10px 4px 8px;border-radius:14px;background:#10213d;border:1px solid rgba(160,190,240,.1);user-select:none}
.hp-cus li[draggable="true"]{cursor:grab}
.hp-cus li.is-drag{opacity:.5;border-style:dashed}
.hp-cus li.is-off .hp-cus-n{opacity:.5}
.hp-grip svg{width:20px;height:20px;fill:#7f95b8;stroke:#7f95b8;stroke-width:0}
.hp-cus li:not([draggable="true"]) .hp-grip svg{fill:none;stroke-width:2;stroke-linecap:round}
.hp-cus-n{font-size:15px;font-weight:850}
.hp-cus-n small{display:block;font-size:12px;font-weight:700;color:#8fa3c2}
.hp-cus-mv{display:flex;gap:2px}
.hp-cus-mv button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#cfe0f7;cursor:pointer}
.hp-cus-mv button:hover:not(:disabled){background:#1b3157}
.hp-cus-mv button:disabled{opacity:.25;cursor:default}
.hp-cus-mv svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------- 9. favoritas */
.hp-fav-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:14px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
.hp-fav-row > .hp-empty{grid-column:1/-1;width:min(720px,100%)}
.hp-fav-row.is-empty{display:block}
.hp-fav{position:relative;display:grid;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hp-fav-art{display:grid;place-items:center;width:150px;height:150px;border-radius:22px;overflow:hidden;background:var(--b);box-shadow:0 16px 28px -20px rgba(0,0,0,.9);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.hp-fav-art img{width:70%;height:70%;object-fit:contain}.hp-fav-art.is-cover img{width:100%;height:100%;object-fit:cover}
.hp-fav-art b{color:#fff;font-size:30px}
.hp-fav:hover .hp-fav-art{transform:translateY(-3px)}
.hp-fav.is-on .hp-fav-art{box-shadow:0 0 0 3px #5fffc0,0 16px 28px -20px rgba(0,0,0,.9)}
.hp-fav-n{font-size:14.5px;font-weight:850;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hp-fav-p{position:absolute;right:8px;top:104px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ff0033;box-shadow:0 8px 16px -6px rgba(0,0,0,.8);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
.hp-fav-p svg{width:18px;height:18px;fill:#fff;margin-left:2px}
.hp-fav:hover .hp-fav-p,.hp-fav:focus-visible .hp-fav-p,.hp-fav.is-on .hp-fav-p{opacity:1;transform:none}
.hp-pick{flex:1 1 auto;min-height:0;align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:0 24px 16px;overflow:auto}
.hp-pick-i{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:54px;padding:6px 10px 6px 6px;border:1px solid rgba(160,190,240,.12);border-radius:14px;background:#10213d;color:#eef4ff;font:inherit;font-size:13.5px;font-weight:800;text-align:left;cursor:pointer}
.hp-pick-i span:not(.hp-pick-art){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pick-art{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--b)}
.hp-pick-art img{width:78%;height:78%;object-fit:contain}.hp-pick-art.is-cover img{width:100%;height:100%;object-fit:cover}
.hp-pick-art b{color:#fff}
.hp-pick-i i svg{width:18px;height:18px;fill:none;stroke:#7f95b8;stroke-width:2}
.hp-pick-i.is-on{border-color:#ff3b5c;background:#2a1530}
.hp-pick-i.is-on i svg{fill:#ff3b5c;stroke:#ff3b5c}
/* coração na página da rádio */
.dk-sp-tools .hp-heart svg{fill:none;stroke:currentColor;stroke-width:2}
.dk-sp-tools .hp-heart.is-on svg{fill:#ff3b5c;stroke:#ff3b5c}

/* ---------------------------------------------------------------- 12. hoje na programação */
.hp-today-row{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:14px;margin:0;padding:2px 2px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.hp-today-row li{scroll-snap-align:start}
.hp-tc{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:var(--dk-card);border:1px solid var(--dk-line)}
.hp-tc.is-now{border-color:color-mix(in srgb,#ff3b5c 55%,var(--dk-line))}
.hp-tc-main{display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:4px;padding:0 0 14px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hp-tc-img{display:grid;place-items:center;width:100%;aspect-ratio:16/10;margin-bottom:8px;overflow:hidden;background:var(--b)}
.hp-tc-img > img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hp-tc-main:hover .hp-tc-img > img{transform:scale(1.04)}
.hp-tc-img > b{color:#fff;font-size:26px}
.hp-tc-brand{display:grid;place-items:center;width:100%;height:100%}
.hp-tc-brand img{width:46%;height:60%;object-fit:contain}.hp-tc-brand.is-cover img{width:100%;height:100%;object-fit:cover}
.hp-tc-brand b{color:#fff;font-size:26px}
.hp-tc-when{display:flex;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-soft)}
.hp-tc.is-now .hp-tc-when{color:#ff5c77}
.hp-tc-when i{width:7px;height:7px;border-radius:50%;background:#ff3b5c;animation:dkLnPulse 1.8s ease-out infinite}
.hp-tc-main strong{padding:0 14px;font-size:16px;font-weight:900;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hp-tc-main small{padding:0 14px;font-size:13px;font-weight:700;color:var(--dk-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-tc-pod{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border:0;border-radius:999px;background:rgba(6,14,28,.82);color:#fff;font:850 12.5px 'NRK Sans','Reddit Sans',sans-serif;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hp-tc-pod svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hp-tc-pod:hover{background:#ff0033}

/* ---------------------------------------------------------------- 14. top 5 */
html.dk-on:not(.dk-radio) body > .hp-top{padding:22px 24px 14px;border-radius:24px;background:linear-gradient(135deg,#1b0b2e 0%,#0c1a33 60%);border:1px solid var(--dk-line);color:#eef4ff}
.hp-top .hp-h h3{color:#fff}.hp-top .hp-h > span{color:#a9b7d0}.hp-top .hp-link{color:#5fffc0}
.hp-top-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.hp-top-list > .hp-muted{grid-column:1/-1;color:#a9b7d0}
.hp-top-i{position:relative;display:grid;gap:8px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hp-top-n{position:absolute;left:10px;top:10px;z-index:2;display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;box-sizing:border-box;border-radius:12px;background:rgba(6,10,22,.86);font-size:20px;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px -6px #000}
.hp-top-list > li:first-child .hp-top-n{background:#ff0033}
.hp-top-cv{display:grid;place-items:center;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#24304a;box-shadow:0 16px 28px -18px #000;transition:transform .18s}
.hp-top-cv img{width:100%;height:100%;object-fit:cover}
.hp-top-cv i{font-style:normal;font-size:30px;color:#8fa3c2}
.hp-top-i:hover .hp-top-cv{transform:translateY(-3px)}
.hp-top-copy{display:grid;gap:1px;min-width:0}
.hp-top-copy strong{font-size:15px;font-weight:900;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hp-top-copy span{font-size:13px;font-weight:650;color:#b9c7de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-top-meta{font-size:12px;font-weight:700;line-height:1.35;color:#8fa3c2}
.hp-top-meta b{color:#fff}

/* ---------------------------------------------------------------- 13. na sua cidade */
html.dk-on:not(.dk-radio) body > .hp-city{margin-top:44px;padding:20px 22px;border-radius:24px;background:var(--dk-card);border:1px solid var(--dk-line)}
.hp-city-h{align-items:center}
.hp-city-h > svg{flex:none;width:34px;height:34px;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--dk-hi) 18%,transparent);fill:none;stroke:var(--dk-hi);stroke-width:2;stroke-linejoin:round}
.hp-city-h > div{display:grid}
.hp-city-h small{font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--dk-hi)}
.hp-city-h h3{font-size:24px}
.hp-city-h h3 span{color:var(--dk-soft);font-weight:800}
.hp-city-sub{font-size:14px;font-weight:600;color:var(--dk-soft)}
.hp-city-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.hp-city-st{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:66px;padding:7px 10px 7px 7px;border:1px solid var(--dk-line);border-radius:16px;background:var(--dk-card2);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s}
.hp-city-st:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dk-hi) 50%,var(--dk-line))}
.hp-city-st.is-on{border-color:var(--dk-hi)}
.hp-city-art{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--b)}
.hp-city-art img{width:78%;height:78%;object-fit:contain}.hp-city-art.is-cover img{width:100%;height:100%;object-fit:cover}
.hp-city-art b{color:#fff}
.hp-city-st > span:not(.hp-city-art){display:grid;min-width:0}
.hp-city-st strong{font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-city-st small{font-size:12.5px;font-weight:650;color:var(--dk-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-city-p{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ff0033}
.hp-city-p svg{width:17px;height:17px;fill:#fff;margin-left:2px}

/* ---------------------------------------------------------------- tema claro */
html[data-site-theme="light"].dk-on body > .hp-cont{box-shadow:0 14px 30px -24px rgba(9,37,65,.45)}
html[data-site-theme="light"].dk-on .hp-cont-copy small,html[data-site-theme="light"].dk-on .hp-city-h small{color:#0a7f5c}
html[data-site-theme="light"].dk-on .hp-tc-pod{background:rgba(255,255,255,.92);color:#0b2240;box-shadow:0 4px 12px -6px rgba(9,37,65,.5)}
html[data-site-theme="light"].dk-on .hp-tc-pod:hover{background:#ff0033;color:#fff}
html[data-site-theme="light"].dk-on .hp-tc.is-now .hp-tc-when{color:#d1002a}
html[data-site-theme="light"].dk-on body > .hp-top{background:linear-gradient(135deg,#2a0f45 0%,#0d2347 70%)}

@media (max-width:1380px){.hp-top-list{gap:10px}}
@media (prefers-reduced-motion:reduce){.hp-fav-art,.hp-fav-p,.hp-tc-img > img,.hp-top-cv,.hp-city-st{transition:none}.hp-tc-when i{animation:none}}

/* o seletor de favoritas é mais largo (nomes inteiros) */
.hp-dlg.is-wide .hp-dlg-box{width:min(760px,100%)}

/* ---------------------------------------------------------------- 24.89: sem informação repetida no Início
   Os atalhos da saudação já estão no menu da esquerda; o tempo da saudação já está no bloco da cidade. */
html.dk-on.hp-on .dk-now.is-empty .dk-hello-links{display:none}
html.dk-on.hp-on:not(.hp-off-city) .dk-now.is-empty .dk-hello-wx{display:none}