/* Promessômetro - UI de notícias (agente N).
   Índice de notícias (destaque, busca, chips de categoria, grade de cartões), página de matéria (camadas rotuladas, ressalvas,
   galeria com lightbox, compartilhar, histórico, relacionadas), matéria consolidada (um bloco por registro) e player de áudio.
   Usa os tokens e os padrões de site.css (sistema Maracá, container query "pm", prefixo pm-).
   Não define .pm-pv (vídeo), .pm-seal--sm, .pm-credit nem .pm-ph: são de promessas.css.

   MARCAÇÃO DA MATÉRIA CONSOLIDADA (a que o gerador deve emitir; tudo também funciona sem data-reg):
     bloco de um registro:  <div class="pm-reg" data-reg="premium-i"><h3 class="pm-regsub" data-reg="premium-i">Premium I <span class="pm-regsub__uf">Bacabeira (MA)</span></h3> ...conteúdo do registro... </div>
     parágrafo rotulado:    <p class="pm-p"><span class="pm-tagreg" data-reg="premium-i">Premium I · Maranhão</span> texto...</p>
     galeria combinada:     <ul class="pm-gal"><li class="pm-gal__i" data-reg="premium-ii"><figure>...<figcaption><span class="pm-tagreg" data-reg="premium-ii">Premium II · Ceará</span> crédito...</figcaption></figure></li></ul>
     (o data-reg é o id do registro; premium-ii ganha a 2ª cor e o 2º glifo, qualquer outro valor ou a ausência usa a 1ª).
   CONTÊINER DO VÍDEO: <section class="pm-asec pm-asec--video" id="videos"> ... <div class="pm-pv">...</div></section> (só o contêiner é estilizado aqui). */

/* ---------- chip: botão de alternância (aria-pressed). O estado ligado tem cor E marca de seleção ---------- */
.pm-chip{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 20px; border:0; border-radius:999px; background:transparent; color:var(--fg); font-family:var(--sans); font-weight:800; font-size:calc(16px*var(--k)); line-height:1.1; cursor:pointer;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 36%,transparent); transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .12s ease}
.pm-chip:hover{box-shadow:inset 0 0 0 2px var(--fg)}
.pm-chip:active{transform:scale(.97)}
.pm-chip[aria-pressed="true"]{background:linear-gradient(180deg,#14586A,#0E3A4E); color:#fff; box-shadow:0 8px 18px -10px rgba(6,26,36,.7)}
.pm-chip[aria-pressed="true"]::before{content:""; flex:none; width:.8em; height:.8em; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='square'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.is-dark .pm-chip[aria-pressed="true"]{background:linear-gradient(180deg,#E8B968,#D9A24E); color:var(--abissal); box-shadow:0 8px 18px -10px rgba(217,162,78,.6)}
/* contagem por categoria, calculada pelo JS a partir dos cartões */
.pm-chip__n{display:inline-grid; place-items:center; min-width:1.75em; height:1.75em; padding:0 .38em; border-radius:999px; background:color-mix(in srgb,currentColor 15%,transparent); font-family:var(--mono); font-weight:600; font-size:.8em; line-height:1; font-variant-numeric:tabular-nums}
/* título do índice: "Promessômetro" é uma palavra só e não cabe no tamanho padrão do h2 em celular estreito */
@container pm (max-width:639px){ .pm-ch--nehero .pm-ne__h{font-size:calc(clamp(30px,9.2cqi,48px)*var(--kd)); overflow-wrap:anywhere} }

/* destaque grande: imagem + categoria + título + linha fina + meta */
.pm-nfeat{display:grid; gap:0; grid-template-columns:minmax(0,1fr); grid-template-areas:"media" "credit" "body"; align-items:start; margin-top:8px}
.pm-sec-h + .pm-nfeat{margin-top:44px}
.pm-nfeat__media{grid-area:media} .pm-nfeat__body{grid-area:body; padding-top:26px} .pm-nfeat__credit{grid-area:credit; align-self:start; padding-top:9px}
@container pm (min-width:1024px){
  .pm-nfeat{grid-template-columns:minmax(0,6.6fr) minmax(0,5.4fr); grid-template-rows:auto 1fr; grid-template-areas:"media body" "credit body"; column-gap:48px}
  .pm-nfeat__body{padding-top:0}
}
.pm-nfeat__media,.pm-ncard__media{position:relative; display:block; overflow:hidden; background:linear-gradient(125deg,#5AA7AE 0%,#17707E 45%,#0E3A4E 100%); aspect-ratio:16/10; text-decoration:none; color:inherit}
.pm-nfeat__media > :is(img,picture,.pm-ph),.pm-ncard__media > :is(img,picture,.pm-ph){display:block; width:100%; height:100%}
.pm-nfeat__media picture img,.pm-ncard__media picture img{width:100%; height:100%; display:block}
.pm-nfeat__media img,.pm-ncard__media img{object-fit:cover; transition:transform .45s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){ .pm-nfeat:hover .pm-nfeat__media img,.pm-ncard:hover .pm-ncard__media img{transform:scale(1.035)} }
.pm-nfeat__body,.pm-ncard__body{display:flex; flex-direction:column; align-items:flex-start; gap:14px; min-width:0}
.pm-nfeat__flag{display:inline-flex; align-items:center; padding:5px 11px; margin-bottom:-2px; background:var(--varzea); color:var(--abissal); font-family:var(--sans); font-weight:900; font-size:calc(12px*var(--k)); line-height:1.15; letter-spacing:.16em; text-transform:uppercase}
.pm-nfeat__cat,.pm-ncard__cat{font-family:var(--sans); font-weight:800; font-size:calc(13px*var(--k)); line-height:1.2; letter-spacing:.16em; text-transform:uppercase; color:var(--acc-t)}
.pm-nfeat__cat::before,.pm-ncard__cat::before{content:""; display:inline-block; width:22px; height:3px; margin:0 10px .28em 0; background:var(--acc); vertical-align:middle}
.pm-nfeat__h{font-family:var(--sans); font-weight:900; font-stretch:80%; font-size:calc(clamp(31px,7cqi,46px)*var(--kd)); line-height:1.02; letter-spacing:-.012em; color:var(--fg); text-wrap:balance}
.pm-nfeat__h a,.pm-ncard__h a{color:inherit; text-decoration:none}
.pm-nfeat__h a:hover,.pm-ncard__h a:hover{text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:3px; text-underline-offset:6px}
.pm-nfeat__dek{font-family:var(--serif); font-size:calc(var(--t-lead)*.88); line-height:1.45; color:var(--fg); max-width:46ch; text-wrap:pretty}
.pm-nfeat__meta,.pm-ncard__meta,.pm-art__meta p:not(.pm-seal){display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; font-family:var(--mono); font-size:var(--t-xs); line-height:1.4; color:var(--fg2)}
.pm-nfeat__meta time,.pm-ncard__meta time{color:var(--acc-t); font-weight:600}
.pm-nfeat__more{margin-top:8px}
.pm-nfeat + .pm-nfilter{margin-top:calc(var(--py)*.6)}
.pm-nfeat[hidden] + .pm-nfilter{margin-top:0}

/* filtro: busca com rótulo, chips de categoria e contador */
.pm-nfilter{display:flex; flex-direction:column; gap:16px; margin:calc(var(--py)*.45) 0 36px; padding:22px 0 0; border-top:2px solid var(--fg)}
.pm-nfilter .pm-input{max-width:560px}
.pm-input{width:100%; min-height:54px; padding:0 18px 0 52px; border:2px solid color-mix(in srgb,var(--fg) 58%,transparent); border-radius:var(--r1); background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061A24' stroke-width='2.6' stroke-linecap='square'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") 16px 50%/22px no-repeat; color:var(--fg); font-family:var(--sans); font-weight:700; font-size:calc(17px*var(--k)); line-height:1.2; text-overflow:ellipsis; -webkit-appearance:none; appearance:none}
.pm-input::placeholder{color:var(--soft); opacity:1; font-weight:600; font-size:calc(15px*var(--k))}
.pm-input:hover{border-color:var(--fg)}
.pm-input:focus-visible{border-color:var(--focus)}
.pm-input::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none; width:22px; height:22px; margin-left:8px; cursor:pointer; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23061A24' stroke-width='2.8' stroke-linecap='square'%3E%3Cpath d='M5 5l14 14M19 5 5 19'/%3E%3C/svg%3E") center/16px no-repeat}
.pm-nfilter__chips{display:flex; flex-wrap:wrap; gap:8px 10px}
.pm-nfilter .pm-chip{min-height:46px; padding:0 18px; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 34%,transparent)}
.pm-nfilter .pm-chip:hover{box-shadow:inset 0 0 0 2px var(--fg)}
.pm-nfilter .pm-chip[aria-pressed="true"]{box-shadow:0 8px 18px -10px rgba(6,26,36,.7)}
.pm-nfilter__count{font-family:var(--mono); font-weight:500; font-size:var(--t-xs); letter-spacing:.02em; color:var(--fg2); min-height:1.5em}
@container pm (min-width:1024px){
  .pm-nfilter{display:grid; grid-template-columns:minmax(0,560px) minmax(0,1fr); grid-template-areas:"q count" "chips chips"; gap:16px 28px; align-items:center}
  .pm-nfilter > .pm-input{grid-area:q} .pm-nfilter__chips{grid-area:chips} .pm-nfilter__count{grid-area:count; justify-self:end}
}

/* grade de cartões (16/10). data-shown (posto pelo JS) = quantos estão à vista: poucos cartões não deixam órfão nem ficam gigantes */
.pm-ngrid{display:grid; grid-template-columns:minmax(0,1fr); gap:46px 32px; margin:0}
.pm-nfeat + .pm-ngrid,.pm-nfilter + .pm-ngrid{margin-top:0}
.pm-sec-h + .pm-nfeat + .pm-ngrid,.pm-nfeat + .pm-ngrid{margin-top:calc(var(--py)*.6)}
@container pm (min-width:640px){
  .pm-ngrid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:54px 36px}
  .pm-ngrid[data-shown="1"]{grid-template-columns:minmax(0,calc(50% - 18px))}
}
@container pm (min-width:1024px){
  .pm-ngrid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:60px 40px}
  .pm-ngrid[data-shown="1"]{grid-template-columns:minmax(0,calc((100% - 80px)/3))}
  .pm-ngrid[data-shown="2"],.pm-ngrid[data-shown="4"],.pm-ngrid:has(> .pm-ncard:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
.pm-ncard{display:flex; min-width:0}
.pm-ncard__a{position:relative; display:flex; flex-direction:column; gap:18px; width:100%; min-width:0}
.pm-ncard__h{font-family:var(--sans); font-weight:800; font-stretch:88%; font-size:calc(22px*var(--k)); line-height:1.12; letter-spacing:-.01em; color:var(--fg); text-wrap:balance}
@container pm (min-width:1024px){ .pm-ncard__h{font-size:calc(23px*var(--k))} }
.pm-ncard__dek{font-family:var(--serif); font-size:calc(16.5px*var(--k)); line-height:1.5; color:var(--fg2); text-wrap:pretty; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden}
.pm-ncard__meta{gap:8px 14px; font-size:calc(13px*var(--k))}
.pm-ncard__body{flex:1 1 auto}
.pm-ncard__a > .pm-ncard__media{order:0} .pm-ncard__a > .pm-ncard__credit{order:1; margin-top:-10px} .pm-ncard__a > .pm-ncard__body{order:2}
.pm-ncard__body .pm-ncard__meta{margin-top:2px}
/* o crédito da foto (com o link "Fonte") fica acima do link esticado do cartão e continua clicável */
.pm-ncard__credit,.pm-nfeat__credit{position:relative; z-index:2; align-self:flex-start}
.pm-ncard__credit a,.pm-nfeat__credit a{color:inherit; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px}
/* o cartão inteiro leva à matéria (o link do título estica; "Ler notícia completa" fica por cima) */
.pm-ncard__h a::after{content:""; position:absolute; inset:0; z-index:1}
.pm-ncard__h a:focus-visible::after{outline:3px solid var(--focus); outline-offset:6px}
.pm-ncard__h a:focus-visible{outline:none}
.is-dark .pm-ncard__h a:focus-visible::after{outline-color:var(--varzea)}
.pm-ncard[hidden],.pm-nfeat[hidden]{display:none!important}

/* estado vazio: caixa discreta, com o botão que limpa a busca e o filtro */
.pm-empty{max-width:none}
.pm-empty:empty{display:none}
.pm-empty:not(:empty){display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; margin:6px 0 0; padding:26px 26px 26px 30px; border:2px dashed color-mix(in srgb,var(--fg) 40%,transparent); border-left:8px solid var(--acc); background:color-mix(in srgb,var(--fg) 4%,transparent); font-size:calc(var(--t-lead)*.9); line-height:1.35}
.pm-empty .pm-link{display:inline-flex; margin-left:0; font-size:calc(17px*var(--k))}
html:not(.js) #lista-noticias .pm-empty{display:none}

/* ---------- página de matéria: abertura ---------- */
.pm-crumbs{margin-bottom:22px}
.pm-crumbs ol{display:flex; flex-wrap:nowrap; align-items:center; gap:0; min-width:0}
.pm-crumbs li{display:flex; align-items:center; flex:none; font-family:var(--sans); font-weight:700; font-size:calc(14px*var(--k)); line-height:1.2; letter-spacing:.02em; color:var(--fg2)}
.pm-crumbs li + li::before{content:"\203A"; flex:none; margin:0 8px; font-size:1.4em; line-height:1; color:var(--acc-t)}
.pm-crumbs li:last-child{flex:1 1 0; min-width:0}
.pm-crumbs a{display:inline-flex; align-items:center; min-height:44px; color:var(--fg2); text-decoration:none; white-space:nowrap}
.pm-crumbs a:hover{color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:5px}
.pm-crumbs [aria-current]{display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fg)}
.pm-ch--art .pm-kicker{margin-bottom:20px}
.pm-art__h{font-family:var(--sans); font-weight:900; font-stretch:82%; font-size:calc(clamp(31px,7.2cqi,62px)*var(--kd)); line-height:1.02; letter-spacing:-.014em; color:var(--fg); text-wrap:balance; max-width:21em}
.pm-art__dek{max-width:50ch; margin-top:26px; font-size:calc(var(--t-lead)*1.02)}
.pm-art__meta{display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:30px}
.pm-art__meta .pm-seal--hd{margin-top:0}
.pm-art__meta p:not(.pm-seal){gap:4px 10px}
.pm-art__meta time{color:var(--acc-t); font-weight:600}
@container pm (min-width:1024px){ .pm-art__meta{flex-direction:row; align-items:center; gap:18px 36px; flex-wrap:wrap} }
.pm-art__hero{margin:calc(var(--py)*.5) 0 0; display:flex; flex-direction:column; gap:12px}
.pm-art__hero > :is(img,picture){display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:var(--deep)}
.pm-art__hero > .pm-ph{width:100%; aspect-ratio:16/9}
.pm-art__hero picture img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover}
@container pm (min-width:1024px){ .pm-art__hero > :is(img,picture,.pm-ph),.pm-art__hero picture img{aspect-ratio:21/9} }
.pm-art__hero figcaption{font-family:var(--mono); font-size:var(--t-xs); line-height:1.5; color:var(--fg2); max-width:80ch}
.pm-art__hero figcaption a{color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:4px}

/* ---------- página de matéria: corpo de leitura ---------- */
.pm-ch--artbody{--blend:78px}
.pm-ch--artbody .pm-in{padding-top:calc(var(--blend) + var(--py)*.3); padding-bottom:calc(var(--py)*.9)}
.pm-art__grid{display:grid; grid-template-columns:minmax(0,1fr); gap:30px}
.pm-art__toc{align-self:start; min-width:0}
.pm-art__body{display:flex; flex-direction:column; gap:calc(var(--py)*.62); min-width:0}
@container pm (min-width:1024px){
  .pm-art__grid{grid-template-columns:minmax(210px,250px) minmax(0,1fr); column-gap:clamp(48px,6cqi,92px); align-items:start}
  .pm-art__toc a{font-size:calc(16px*var(--k))}
}
/* sumário no celular e no tablet: uma linha de atalhos que rola (nada fica escondido, nem sem JS) */
@container pm (max-width:1023px){
  .pm-art__toc{margin-right:calc(var(--pr)*-1); padding-top:4px}
  .pm-art__toc ol{flex-direction:row; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; padding:4px var(--pr) 12px 2px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:var(--rasa) transparent; -webkit-overflow-scrolling:touch}
  .pm-art__toc li{flex:none; scroll-snap-align:start}
  .pm-art__toc a{display:inline-flex; align-items:center; gap:8px; grid-template-columns:none; min-height:44px; padding:0 16px; border-radius:999px; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 26%,transparent); white-space:nowrap; font-size:calc(15px*var(--k)); background:transparent}
  .pm-art__toc a b{font-size:calc(12px*var(--k))}
  .pm-art__toc a[aria-current="location"]{background:var(--abissal); color:#fff; box-shadow:none}
  .pm-art__toc a[aria-current="location"] b{color:var(--varzea)}
  .pm-art__toc a[aria-current="location"] span{text-decoration:none}
}
.pm-asec{position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0; scroll-margin-top:96px}
.pm-art__body > .pm-asec:not(:first-child)::before,.pm-art__body > .pm-ia + .pm-asec::before{content:""; position:absolute; top:calc(var(--py)*-.31); left:0; width:min(70%,520px); height:1px; background:linear-gradient(90deg,var(--rule),transparent)}
.pm-asec__h{font-size:calc(var(--t-h3)*.76); line-height:1.08}
.pm-asec .pm-small{max-width:62ch}
.pm-asec > .pm-gal,.pm-asec > .pm-tl{width:100%}
.pm-asec .pm-small a{color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:4px; font-weight:600}
/* contêiner do vídeo do Prometeuzinho (o componente .pm-pv é de promessas.css): a seção ocupa a largura de leitura e o filho não encolhe */
.pm-asec--video,.pm-asec#videos{align-items:stretch; width:100%; max-width:46em}
.pm-asec--video > .pm-small,.pm-asec#videos > .pm-small{max-width:62ch}

/* Identificacao textual do audio. */
.pm-asec__tag{font-family:var(--mono); font-size:var(--t-xs); color:var(--fg2)}

/* texto de leitura: serifa, 62 a 70 caracteres por linha */
.pm-prose{width:100%; max-width:34.5em; font-family:var(--serif); font-size:calc(var(--t-body)*1.03); line-height:1.7; color:var(--fg)}
.pm-prose p{margin:0; max-width:none; text-wrap:pretty; hyphens:manual}
.pm-prose p + p{margin-top:1.05em}
.pm-prose a:not(.pm-fn){color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:4px; font-weight:600}
.pm-prose strong{font-weight:700}
.pm-prose:has(> .pm-gal){max-width:none}
.pm-prose ul:not(.pm-gal),.pm-prose ol:not(.pm-hist):not(.pm-src):not(.pm-tl__ol){padding-left:1.3em; list-style:revert; margin:1em 0}
.pm-prose li + li{margin-top:.4em}
#resumo .pm-prose > p:first-of-type,#resumo .pm-prose > .pm-reg:first-child > p:first-of-type{font-size:calc(var(--t-body)*1.16); line-height:1.55}
.pm-asec > .pm-tl{margin:4px 0 14px}
.pm-asec .pm-ob__now{max-width:34.5em; margin-top:4px; padding:18px 0 4px 22px; border-left:6px solid var(--acc)}
.pm-asec .pm-ob__now .pm-p{max-width:none}
.pm-prose > .pm-tl,.pm-reg > .pm-tl{margin:6px 0 18px}

/* fontes: mesma lista das fichas, em largura de leitura */
.pm-art .pm-src{max-width:46em; width:100%}
.pm-art .pm-src li:target{background:color-mix(in srgb,var(--varzea) 18%,transparent); box-shadow:-14px 0 0 color-mix(in srgb,var(--varzea) 18%,transparent),14px 0 0 color-mix(in srgb,var(--varzea) 18%,transparent)}
.pm-art .pm-fn{margin-left:.35em}

/* ---------- matéria consolidada: um bloco por registro, sempre com subtítulo, glifo e texto (nunca só cor) ----------
   .pm-reg e .pm-regsub também existem em promessas.css (painéis da home, sem escopo), por isso aqui vão sob .pm-art e zeram o que vem de lá. */
.pm-reg,.pm-regsub,.pm-tagreg,.pm-gal__i{--reg:#8A5A12; --reg-t:#5E3A07; --reg-bg:#F6E7C8; --reg-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3C/svg%3E")}
.pm-reg[data-reg="premium-ii"],.pm-regsub[data-reg="premium-ii"],.pm-tagreg[data-reg="premium-ii"],.pm-gal__i[data-reg="premium-ii"]{--reg:#0B6670; --reg-t:#07424B; --reg-bg:#D8EDEE; --reg-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v18H3z'/%3E%3C/svg%3E")}
.pm-art .pm-regsub{display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin:0; padding:0; border:0; font-family:var(--sans); font-weight:900; font-stretch:84%; font-size:calc(var(--t-h3)*.62); line-height:1.1; letter-spacing:-.006em; color:var(--fg); text-wrap:balance}
.pm-art .pm-regsub::before{content:""; flex:none; width:.72em; height:.72em; background:var(--reg); -webkit-mask:var(--reg-g) center/contain no-repeat; mask:var(--reg-g) center/contain no-repeat}
.pm-art .pm-regsub__uf{font-family:var(--mono); font-weight:600; font-stretch:100%; font-size:calc(var(--t-xs)*.95); letter-spacing:.08em; text-transform:uppercase; color:var(--reg-t)}
.pm-tagreg{display:inline-flex; align-items:center; gap:.5em; margin-right:.6em; padding:.2em .6em .16em .5em; border:2px solid var(--reg); background:var(--reg-bg); color:var(--reg-t); vertical-align:.14em; white-space:nowrap; font-family:var(--sans); font-weight:800; font-style:normal; font-size:calc(12.5px*var(--k)); line-height:1.15; letter-spacing:.09em; text-transform:uppercase}
.pm-tagreg::before{content:""; flex:none; width:.78em; height:.78em; background:var(--reg); -webkit-mask:var(--reg-g) center/contain no-repeat; mask:var(--reg-g) center/contain no-repeat}
/* galeria combinada: cada foto traz o registro na legenda e uma barra no alto (cheia para um, dupla para o outro) */
.pm-gal__i[data-reg] > figure{border-top:6px solid var(--reg); padding-top:0}
.pm-gal__i[data-reg="premium-ii"] > figure{border-top-style:double}
.pm-gal figcaption .pm-tagreg{display:flex; width:fit-content; margin:0 0 6px; white-space:normal}
/* dentro do painel escuro da avaliação e do lightbox os rótulos clareiam */
.pm-lb .pm-tagreg{--reg:#D9A24E; --reg-t:#F2D49A; --reg-bg:rgba(217,162,78,.16)}
.pm-lb .pm-tagreg[data-reg="premium-ii"]{--reg:#5AA7AE; --reg-t:#A9E0E5; --reg-bg:rgba(90,167,174,.18)}
.pm-note--ressalva .pm-tagreg{margin-right:.5em; vertical-align:.08em}

/* galeria com lightbox: proporção única, crédito sempre junto */
.pm-gal{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 14px; width:100%; margin:4px 0 0}
@container pm (max-width:479px){ .pm-gal{grid-template-columns:minmax(0,1fr)} }
@container pm (min-width:1024px){ .pm-gal{grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 18px} }
.pm-gal li{min-width:0}
.pm-gal figure{display:flex; flex-direction:column; gap:9px; margin:0}
.pm-gal__i{list-style:none}
.pm-gal img{display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; background:var(--abissal)}
.pm-gal figcaption{font-family:var(--mono); font-size:calc(12px*var(--k)); line-height:1.5; color:var(--fg2)}
.pm-gal figcaption a{color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:3px; font-weight:600}
.pm-gal__b{position:relative; display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; overflow:hidden; text-decoration:none; color:inherit}
.pm-gal__b img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){
.pm-gal__b:hover img{transform:scale(1.04)} }
.pm-gal__b::after{content:""; position:absolute; right:8px; bottom:8px; width:38px; height:38px; background:rgba(6,26,36,.86) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F1F6F6' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7'/%3E%3C/svg%3E") center/20px no-repeat; pointer-events:none}
.pm-gal__b:focus-visible{outline:3px solid var(--focus); outline-offset:3px}
.pm-asec .pm-media__links{max-width:62ch}

/* compartilhar */
.pm-sharebar{display:flex; flex-direction:column; align-items:flex-start; gap:14px; width:100%}
.pm-sharebar__list,.pm-sharebar__act{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0; padding:0; list-style:none}
.pm-sharebar__list li{margin:0}
.pm-sharebar__act{order:-1}
.pm-sharebar a:not(.pm-btn),.pm-sharebar__a{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:999px; font-family:var(--sans); font-weight:800; font-size:calc(16px*var(--k)); line-height:1.1; color:var(--fg); text-decoration:none; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 45%,transparent); transition:background-color .15s ease,box-shadow .15s ease}
.pm-sharebar a:not(.pm-btn):hover,.pm-sharebar__a:hover{background:color-mix(in srgb,var(--fg) 7%,transparent); box-shadow:inset 0 0 0 2px var(--fg)}
.pm-sharebar .pm-btn{min-height:48px}
.pm-sharebar .pm-btn[data-share],.pm-sharebar .pm-btn[data-copy-link],.pm-sharebar .pm-btn[data-share-copy]{padding:8px 22px}

/* aviso de IA: discreto, mas claro */
.pm-ia{position:relative; display:block; max-width:46em; margin:0; padding:14px 18px 14px 62px; border:1px dashed color-mix(in srgb,var(--fg) 45%,transparent); font-family:var(--serif); font-size:var(--t-sm); line-height:1.5; color:var(--fg2)}
.pm-ia::before{content:"IA"; position:absolute; left:16px; top:15px; padding:.16em .4em; border:2px dashed var(--soft); border-radius:var(--r1); font-family:var(--sans); font-weight:900; font-size:calc(13px*var(--k)); line-height:1.2; letter-spacing:.04em; color:#3C5460}
.pm-ia a{color:var(--fg); text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:4px; font-weight:600}
@container pm (max-width:479px){ .pm-ia{padding:14px 14px 14px 54px} .pm-ia::before{left:12px} }

/* histórico de atualizações */
.pm-hist{position:relative; display:flex; flex-direction:column; gap:18px; max-width:46em; padding-left:28px; margin:0}
.pm-hist::before{content:""; position:absolute; left:5px; top:10px; bottom:10px; width:2px; background:linear-gradient(180deg,var(--rule),var(--rule) 80%,transparent)}
.pm-hist li{position:relative; font-family:var(--serif); font-size:var(--t-body); line-height:1.5; color:var(--fg)}
.pm-hist li::before{content:""; position:absolute; left:-28px; top:.42em; width:12px; height:12px; border-radius:50%; background:var(--node-bg); border:3px solid var(--acc)}
.pm-hist time{display:block; font-family:var(--mono); font-weight:600; font-size:var(--t-xs); letter-spacing:.04em; color:var(--acc-t)}

/* relacionadas e anterior/próxima: capítulo escuro, funde do claro */
.pm-art__more{--relief-o:.16; --relief-pos:60% 70%; --blend:118px;
  background:
    radial-gradient(760px 520px at 12% 78%,rgba(23,112,126,.34),transparent 72%),
    linear-gradient(180deg,var(--paper) 0,#8DB5BB calc(var(--blend)*.3),#2B6577 calc(var(--blend)*.62),#0E3A4E calc(var(--blend)*.92),var(--deep) var(--blend),#061A24 60%,var(--deeper) 100%);
  --spine:linear-gradient(180deg,var(--sedimento) 0,var(--varzea) calc(var(--blend)*.6),var(--varzea) 100%)}
.pm-art__more .pm-in{padding-top:calc(var(--blend) + var(--py)*.2); padding-bottom:calc(var(--py)*.7)}
.pm-art__more .pm-ngrid{margin-top:calc(var(--py)*.4)}
@container pm (max-width:639px){ .pm-art__more .pm-h2{font-size:calc(clamp(28px,8.4cqi,44px)*var(--kd)); overflow-wrap:anywhere} }
.pm-pn{display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:calc(var(--py)*.6); border-top:1px solid var(--rule)}
@container pm (min-width:640px){ .pm-pn{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px} }
.pm-pn a{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"i k" "i t"; align-items:center; column-gap:16px; row-gap:4px; min-height:44px; padding:22px 0; color:var(--fg); text-decoration:none; border-bottom:1px solid var(--rule)}
.pm-pn a svg{grid-area:i; width:46px; height:46px; padding:12px; border-radius:50%; background:var(--varzea); color:var(--abissal); transition:transform .18s ease}
.pm-pn a[rel="next"],.pm-pn__a--next{grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"k i" "t i"; text-align:right}
.pm-pn a[rel="prev"]:hover svg{transform:translateX(-4px)} .pm-pn a[rel="next"]:hover svg{transform:translateX(4px)}
.pm-pn__l{grid-area:k; font-family:var(--sans); font-weight:800; font-size:calc(13px*var(--k)); line-height:1.2; letter-spacing:.15em; text-transform:uppercase; color:var(--acc-t)}
.pm-pn__t{grid-area:t; font-family:var(--sans); font-weight:800; font-stretch:90%; font-size:calc(19px*var(--k)); line-height:1.2; color:var(--fg); text-wrap:balance; max-width:30em}
.pm-pn a[rel="next"] .pm-pn__t{justify-self:end}
.pm-pn a:hover .pm-pn__t{text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:3px; text-underline-offset:6px}
@container pm (max-width:639px){ .pm-pn a[rel="next"],.pm-pn__a--next{border-bottom:0} }

/* ---------- narração integral: controles editoriais, sem reprodução automática ---------- */
.pm-aud{width:100%; margin:0 0 24px; padding:16px 0; border-block:1px solid var(--rule); color:var(--fg)}
.pm-aud[hidden]{display:none!important}
.pm-aud__title{margin:0; font-family:var(--sans); font-size:var(--t-sm); font-weight:700; line-height:1.4}
.pm-aud .pm-aud__description{margin:4px 0 12px; font-family:var(--sans); font-size:var(--t-xs); line-height:1.6; color:var(--fg2)}
.pm-aud__el{display:block; width:100%; max-width:100%}
.pm-aud.is-ui .pm-aud__el{display:none}
.pm-aud__ui{display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; width:100%}
.pm-aud__play{width:44px; height:44px; padding:10px; display:grid; place-items:center; border:1px solid var(--rule); border-radius:50%; color:var(--fg); background:transparent; cursor:pointer}
.pm-aud__play:hover{border-color:currentColor}
.pm-aud__play svg{display:block; width:20px; height:20px}
.pm-aud__play .pm-aud__i-pause{display:none}
.pm-aud.is-playing .pm-aud__play .pm-aud__i-play{display:none}
.pm-aud.is-playing .pm-aud__play .pm-aud__i-pause{display:block}
.pm-aud__mid{min-width:0}
.pm-aud__seek{display:block; width:100%; min-width:0; height:44px; padding:0; margin:0; accent-color:var(--acc-t); cursor:pointer}
.pm-aud__seek:disabled{cursor:default; opacity:.5}
.pm-aud__times{margin:0; font-family:var(--mono); font-size:var(--t-xs); font-variant-numeric:tabular-nums; line-height:1.5; color:var(--fg2)}
.pm-aud__rate{min-width:72px; min-height:44px; padding:4px; font-family:var(--sans); font-size:var(--t-sm); border:1px solid var(--rule); border-radius:2px; color:var(--fg); background:var(--node-bg); cursor:pointer; color-scheme:light}
.pm-aud :is(button,input,select):focus-visible{outline:2px solid var(--focus); outline-offset:4px}
@media (forced-colors:active){.pm-aud__play,.pm-aud__rate{border-color:ButtonText; color:ButtonText; background:ButtonFace}}
@media print{.pm-aud{display:none!important}}

/* ---------- lightbox da galeria ---------- */
.pm-lb{--fg:#F1F6F6; --fg2:#BAD1D5; --acc:var(--varzea); --acc-t:#E8B968; --rule:rgba(186,209,213,.3); --focus:var(--varzea);
  position:fixed; inset:0; margin:auto; width:min(calc(100vw - 20px),1120px); max-width:none; height:fit-content; max-height:calc(100dvh - 20px); padding:0; border:0; overflow:hidden; color:var(--fg); background:#061A24;
  font-family:var(--serif); box-shadow:0 0 0 1px rgba(186,209,213,.22),0 40px 80px -20px rgba(0,0,0,.9)}
.pm-lb:not([open]){display:none}
.pm-lb::backdrop{background:rgba(2,10,15,.9)}
.pm-lb__in{display:flex; flex-direction:column; gap:0; max-height:calc(100dvh - 20px)}
.pm-lb__top{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 8px 8px 18px; border-bottom:1px solid var(--rule)}
.pm-lb__count{font-family:var(--mono); font-weight:600; font-size:calc(14px*var(--k)); letter-spacing:.06em; color:var(--acc-t)}
.pm-lb__x,.pm-lb__nav{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:48px; min-height:48px; padding:0 16px; border:0; border-radius:999px; background:transparent; color:#F1F6F6; cursor:pointer; font-family:var(--sans); font-weight:800; font-size:calc(15px*var(--k)); box-shadow:inset 0 0 0 2px rgba(241,246,246,.4); transition:background-color .15s ease,box-shadow .15s ease}
.pm-lb__x:hover,.pm-lb__nav:hover{background:rgba(241,246,246,.12); box-shadow:inset 0 0 0 2px #fff}
.pm-lb__x svg,.pm-lb__nav svg{width:20px; height:20px; flex:none}
.pm-lb__stage{position:relative; display:flex; align-items:center; justify-content:center; min-height:0; flex:1 1 auto; padding:14px 14px 6px; background:#04131B; touch-action:pan-y}
.pm-lb__fig{display:flex; flex-direction:column; align-items:center; gap:12px; margin:0; max-width:100%; min-width:0}
.pm-lb__img{display:block; max-width:100%; max-height:calc(100dvh - 210px); width:auto; height:auto; object-fit:contain; background:#000}
.pm-lb__cap{align-self:stretch; padding:2px 6px 10px; font-family:var(--mono); font-size:calc(13px*var(--k)); line-height:1.5; color:#D5E4E6; text-align:left}
.pm-lb__cap a{color:#fff; text-decoration:underline; text-decoration-color:var(--varzea); text-decoration-thickness:2px; text-underline-offset:3px; font-weight:600}
.pm-lb__cap .pm-tagreg{display:inline-flex; margin:0 .6em 4px 0}
.pm-lb__nav{position:absolute; top:calc(50% - 30px); z-index:2; padding:0; width:52px; height:52px; background:rgba(6,26,36,.8)}
.pm-lb__prev{left:12px} .pm-lb__next{right:12px}
.pm-lb--one .pm-lb__nav,.pm-lb--one .pm-lb__count{display:none}
html.pm-lb-lock{overflow:hidden}
@container pm (max-width:639px){ .pm-lb{width:calc(100vw - 8px); max-height:calc(100dvh - 8px)} .pm-lb__nav{top:auto; bottom:6px; transform:none; width:48px; height:48px} .pm-lb__x span{display:none} .pm-lb__x{padding:0} .pm-lb__img{max-height:calc(100dvh - 250px)} .pm-lb__cap{padding-bottom:58px} }

/* ---------- preferências do usuário ---------- */
@media (prefers-reduced-motion:reduce){
  .pm-nfeat__media img,.pm-ncard__media img,.pm-gal img,.pm-chip,.pm-pn a svg{transition:none}
}
@media (prefers-contrast:more){
  .pm-nfeat__media img,.pm-ncard__media img,.pm-gal img{filter:none}
  #lista-noticias.pm-ch{background:var(--paper)!important}
  .pm-art__more{background:#061A24!important}
}
@media (forced-colors:active){
  .pm-aud,.pm-empty:not(:empty){border:2px solid CanvasText}
.pm-asec__tag::before,.pm-asec__tag--ia::before,.pm-tagreg::before,.pm-art .pm-regsub::before{forced-color-adjust:none; background-color:CanvasText; border-color:CanvasText; color:CanvasText}
.pm-asec__tag--ia::before{background:none}
  .pm-art .pm-reg{border-left-color:CanvasText}
  .pm-gal__i[data-reg] > figure{border-top-color:CanvasText}
  .pm-tagreg,.pm-regsub__uf{color:CanvasText; background:Canvas}
  .pm-note.pm-note--ressalva::after{forced-color-adjust:none; background:CanvasText; color:Canvas}
  .pm-chip,.pm-nfilter .pm-chip{box-shadow:none; border:2px solid ButtonText; background:ButtonFace; color:ButtonText}
  .pm-chip[aria-pressed="true"],.pm-nfilter .pm-chip[aria-pressed="true"]{forced-color-adjust:none; background:Highlight; color:HighlightText; border-color:Highlight; box-shadow:none}   /* sem isso o Chromium põe uma placa branca atrás do texto e ele some */
  .pm-chip[aria-pressed="true"]::before{background:HighlightText}
  .pm-chip__n{background:transparent; box-shadow:inset 0 0 0 1px currentColor}
  .pm-art__toc a[aria-current="location"]{forced-color-adjust:none; background:Highlight; color:HighlightText}
  .pm-lb{background:Canvas; box-shadow:0 0 0 2px CanvasText}
.pm-gal__b::after{background-color:Canvas; forced-color-adjust:none; border:2px solid CanvasText}
  .pm-input{background-image:none}
}
@media print{
  .pm-nfilter,.pm-sharebar,.pm-aud__ui,.pm-lb,.pm-art__toc{display:none!important}
}