/* MAIS TUNER 24.200.87 — "Tocou há pouco" do app: Expande na área, Expande na largura e Carrossel 3D (Ajustes › Aparência). */
html.mt-app .mtr-pn{display:block;margin:0 0 24px}
.mtr-pn[hidden]{display:none!important}
.mtr-pn-labs{position:relative;height:14px;margin:12px 0 8px}
.mtr-pn-labs h3{position:absolute;top:0;margin:0;color:var(--app-muted);font-size:11px;font-weight:900;line-height:14px;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.mtr-pn-labs .mtr-pn-lab-next{color:var(--app-accent)}
.mtr-pn-labs h3[hidden]{display:none}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-labs{display:none}
.mtr-pn-palco{position:relative}

/* a capa */
.mtr-pn-c{position:absolute;top:0;overflow:hidden;border-radius:14px;background:var(--app-card-2);color:#f4f8fd;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .2s}
.mtr-pn-c:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
.mtr-pn-c.is-next{box-shadow:0 0 0 2px var(--app-accent)}
.mtr-pn-c.is-sob{opacity:0;pointer-events:none}
.mtr-pn-c.is-aberta{z-index:2}
.mtr-pn-img{position:absolute;left:0;top:0;right:0;bottom:0;display:grid;place-items:center}
/* a imagem fora da grade: a altura em % dentro de uma linha automática varia entre navegadores e pode deixar a capa maior que a caixa */
.mtr-pn-img img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.mtr-pn-img img.is-logo{left:19%;top:19%;width:62%;height:62%;object-fit:contain}
.mtr-pn-img i{color:var(--app-muted);font-style:normal;font-size:26px}

/* o nome dentro da capa aberta: a caixa já nasce no tamanho final (o tamanho vem do script) */
.mtr-pn-tx{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;overflow:hidden;padding:6px 32px 6px 8px;background:linear-gradient(180deg,rgba(4,12,24,.12),rgba(4,12,24,.9));opacity:0;pointer-events:none;transition:opacity .16s}
.mtr-pn-c.is-aberta .mtr-pn-tx{opacity:1;transition-delay:.16s}
.mtr-pn-tx.is-rola{justify-content:flex-start;overflow-y:auto;pointer-events:auto}
.mtr-pn-tx strong{display:block;font-size:calc(12.5px*var(--fs,1));font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.mtr-pn-tx .mtr-pn-ar{display:block;margin-top:1px;color:rgba(244,248,253,.84);font-size:calc(10.5px*var(--fs,1));font-weight:500;line-height:1.2;overflow-wrap:anywhere}
.mtr-pn-kk{display:block;margin-bottom:2px;color:rgba(244,248,253,.74);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.mtr-pn-tx .mtr-pn-kk{display:none}

/* o botão dentro da capa aberta: prévia da próxima ou voltar no Replay */
.mtr-pn-acao{position:absolute;right:5px;top:5px;z-index:1;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(10,22,38,.72);color:#fff;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .16s}
.mtr-pn-acao::after{content:"";position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px}
.mtr-pn-acao.is-play{background:var(--mtr-red,#ff4757)}
.mtr-pn-acao svg{display:block;width:12px;height:12px;fill:currentColor}
.mtr-pn-acao.is-replay svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mtr-pn-c.is-aberta .mtr-pn-acao{opacity:1;pointer-events:auto;transition-delay:.16s}

/* expande na largura: faixa larga */
.mtr-pn[data-estilo="largura"] .mtr-pn-tx{padding:8px 50px 8px 12px;background:linear-gradient(90deg,rgba(4,12,24,.9),rgba(4,12,24,.3))}
.mtr-pn[data-estilo="largura"] .mtr-pn-tx strong{font-size:calc(15px*var(--fs,1))}
.mtr-pn[data-estilo="largura"] .mtr-pn-tx .mtr-pn-ar{font-size:calc(12px*var(--fs,1))}
.mtr-pn[data-estilo="largura"] .mtr-pn-tx .mtr-pn-kk{display:block}
.mtr-pn[data-estilo="largura"] .mtr-pn-c.is-next .mtr-pn-kk{color:var(--app-accent)}
.mtr-pn[data-estilo="largura"] .mtr-pn-acao{top:50%;right:12px;width:30px;height:30px;margin-top:-15px}
.mtr-pn[data-estilo="largura"] .mtr-pn-acao svg{width:14px;height:14px}

/* carrossel 3D */
.mtr-pn[data-estilo="carrossel"] .mtr-pn-palco{margin-top:12px;overflow:hidden;perspective:760px;touch-action:pan-y}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-c{box-shadow:0 14px 28px rgba(0,0,0,.5);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-tx{display:none}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-acao{right:8px;top:auto;bottom:8px;width:32px;height:32px;pointer-events:none}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-acao svg{width:15px;height:15px}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-c.is-foco .mtr-pn-acao{opacity:1}
.mtr-pn-textos{display:none}
.mtr-pn[data-estilo="carrossel"] .mtr-pn-textos{display:grid;margin-top:10px;color:var(--app-ink);text-align:center}
.mtr-pn-t{grid-area:1/1;min-width:0;opacity:0;pointer-events:none;transition:opacity .22s}
.mtr-pn-t.is-on{opacity:1}
.mtr-pn-t strong{display:block;font-size:16px;font-weight:800;line-height:1.16;overflow-wrap:anywhere}
.mtr-pn-t .mtr-pn-ar{display:block;margin-top:1px;color:var(--app-muted);font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.mtr-pn-t .mtr-pn-kk{color:var(--app-muted)}
.mtr-pn-t.is-next .mtr-pn-kk{color:var(--app-accent)}
.mtr-pn-t.is-now .mtr-pn-kk{color:var(--mtr-red,#ff4757)}

html.anim-none .mtr-pn *{transition:none!important}
@media (prefers-reduced-motion:reduce){.mtr-pn *{transition:none!important}}

/* Ajustes */
.mtr-pn-estilos-desc{margin:4px 0 10px}