/* Visualizador do manual de marca (prefixo pm-): páginas em escala real, miniaturas, capítulos, tela cheia. */
.pm{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;gap:14px;padding:clamp(14px,2vw,24px);border-radius:var(--r-lg,32px);background:#18181a;color:#fff;outline-offset:4px}
.pm:focus-visible{outline:3px solid var(--pf-ouro-texto)}
.pm__barra{display:flex;min-width:0;align-items:center;gap:12px;min-height:44px}
.pm__cap{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px}
.pm__cap-n{flex:none;font:600 13px/1 ui-monospace,Menlo,monospace;color:#e6c883}
.pm__cap select{flex:1 1 0;min-width:0;width:100%;max-width:100%;text-overflow:ellipsis;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#232326;color:#fff;font:600 15px/1 var(--head)}
.pm__conta{flex:none;font:600 14px/1 ui-monospace,Menlo,monospace;color:rgba(255,255,255,.75)}
.pm__tela,.pm__nav{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s ease}
.pm__tela:hover,.pm__nav:hover{background:rgba(255,255,255,.2)}
.pm__tela:focus-visible,.pm__nav:focus-visible,.pm__mini:focus-visible,.pm__cap select:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pm__tela svg,.pm__nav svg{width:20px;height:20px}
.pm__nav--ant svg{transform:rotate(90deg)}
.pm__nav--prox svg{transform:rotate(-90deg)}
.pm__nav[disabled]{opacity:.3;cursor:default}
.pm__palco{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1.4vw,18px)}
.pm__folha{margin:0;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#f4f1ea;box-shadow:0 30px 60px -28px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);touch-action:pan-y}
.pm__folha img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}
.pm__folha.is-trocando img{opacity:0}
.pm__tira{list-style:none;margin:0;padding:4px 2px 8px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.pm__tira li{flex:none;scroll-snap-align:center}
.pm__mini{position:relative;display:block;width:clamp(96px,11vw,132px);aspect-ratio:16/10;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#2a2a2d;cursor:pointer;opacity:.7;transition:opacity .2s ease,border-color .2s ease}
.pm__mini img{display:block;width:100%;height:100%;object-fit:cover}
.pm__mini span{position:absolute;right:4px;bottom:4px;min-width:20px;padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.7);font:600 11px/1.2 ui-monospace,Menlo,monospace;color:#fff}
.pm__mini:hover,.pm__mini[aria-current="true"]{opacity:1}
.pm__mini[aria-current="true"]{border-color:#e6c883}
/* capítulos numerados abaixo do livro: em pares de colunas */
.pm__capitulos{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;gap:0 clamp(24px,4vw,56px);grid-template-columns:1fr}
@media (min-width:760px){.pm__capitulos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pm__capitulos button{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:baseline;width:100%;min-height:48px;padding:14px 0;border:0;border-top:1px solid rgba(29,29,31,.12);background:none;color:inherit;font:500 clamp(16px,1.4vw,18px)/1.3 var(--body);text-align:left;cursor:pointer}
.pm__capitulos b{font:600 13px/1 ui-monospace,Menlo,monospace;color:var(--pf-ouro-texto)}
.pm__capitulos small{font-size:13px;color:#44444a}
.pm__capitulos button:hover span{text-decoration:underline;text-underline-offset:4px}
.pm__capitulos button:focus-visible{outline:3px solid var(--pf-ouro-texto);outline-offset:-3px}
.pm__sem-js{margin:16px 0 0;padding-left:20px}
/* tela cheia */
.pm:fullscreen{border-radius:0;padding:clamp(12px,2vw,28px);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}
.pm:fullscreen .pm__palco{min-height:0}
.pm:fullscreen .pm__folha{max-height:100%;width:auto;height:100%;max-width:100%;margin-inline:auto}
@media (max-width:640px){
  .pm__palco{grid-template-columns:minmax(0,1fr);position:relative}
  .pm__nav{position:absolute;top:50%;z-index:1;margin-top:-22px;background:rgba(0,0,0,.55)}
  .pm__nav--ant{left:6px}.pm__nav--prox{right:6px}
  .pm__cap-n{display:none}
}
@media (prefers-reduced-motion:reduce){.pm__folha img,.pm__mini,.pm__tela,.pm__nav{transition:none}}