/* Fundos de capa: variações dentro da paleta fechada (nada de cor de segmento). */ const FUNDOS_CAPA = { 'claro': { fundo: 'var(--papel-2)', padrao: 'var(--preto-asfalto)', icone: 'var(--cinza-rodagem)', op: 0.05 }, 'claro-2': { fundo: 'var(--papel-3)', padrao: 'var(--preto-asfalto)', icone: 'var(--cinza-rodagem)', op: 0.06 }, 'escuro': { fundo: 'var(--preto-asfalto)', padrao: 'var(--papel)', icone: 'var(--papel-2)', op: 0.07 }, 'escuro-2': { fundo: 'var(--preto-2)', padrao: 'var(--papel)', icone: 'var(--papel-2)', op: 0.07 } }; function PostScreen({ post, onNav, onOpenPost }) { const { SpecList, Icon, Button } = window.Ds55VeCulosDesignSystem_b5c845; const outros = window.POSTS.filter(p => p.id !== post.id).slice(0, 3); const f = FUNDOS_CAPA[post.fundo] || FUNDOS_CAPA['claro']; /* linha de checklist dos artigos: ícone, rótulo e valor em fonte de leitura */ const Linha = ({ icon, label, value }) => (
{label && {label}} {value}
); const bloco = (b, i) => { if (b.t === 'p') return

{b.x}

; if (b.t === 'h2') return

{b.x}

; if (b.t === 'quote') return (
{b.x}
); if (b.t === 'tabela') return (
{b.colunas && ( {b.colunas.map(c => )} )} {b.linhas.map((l, li) => ( {l.map((cel, ci) => ( ))} ))}
{c}
{cel}
); if (b.t === 'lista') return (
{b.itens.map(it => )}
); return null; }; return (

{post.titulo}

{post.resumo}

{/* faixa de abertura: baixa de propósito para não roubar a página do texto */}
{post.capa ? : <> }
{(post.corpo || []).map(bloco)}

Quer ver o que passou pela curadoria?

{outros.map(p => { const fp = FUNDOS_CAPA[p.fundo] || FUNDOS_CAPA['claro']; return (
onOpenPost(p)} style={{ cursor: 'pointer', display: 'flex', flexDirection: 'column', gap: 'var(--esp-3)' }}>
{p.capa ? : <> }

{p.titulo}

); })}
); } Object.assign(window, { PostScreen });