/* Texto dos posts ja publicados: o que eles usam e o modelo de post (post.css) nao cobre. */

/* Imagem com link dentro do texto (60 posts têm; neste, o banner do infográfico abre em nova aba).
   A regra do modelo ".artigo a[target=_blank]::after" põe a seta ↗ depois de todo link externo: num link que é só imagem,
   a seta cai solta na linha de baixo do banner. Aqui o link vira bloco, sem a seta. */
.artigo figure > a{display:block;border-radius:var(--raio-s)}
.artigo figure > a[target="_blank"]::after{content:none}
.artigo figure > a:hover img{box-shadow:var(--sombra)}

/* Tabela (bloco de tabela do editor): rola por dentro no celular, sem alargar a pagina */
.artigo figure.wp-block-table{margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.artigo table{width:100%;min-width:480px;border-collapse:collapse;font-size:.94em;line-height:1.45}
.artigo th,.artigo td{padding:10px 12px;border:1px solid var(--linha,#E4E1D8);text-align:left;vertical-align:top}
.artigo thead th{font-weight:700;background:var(--papel,#F7F5EF)}
.artigo figcaption{margin-top:8px;font-size:13px;color:var(--fg2,#5B584E)}

/* Video e outros conteudos incorporados: ocupam a coluna, na proporcao 16:9 */
.artigo iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--raio-s,10px)}
.artigo figure.wp-block-embed{margin:28px 0}

/* Galeria: grade simples */
.artigo figure.wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:28px 0}
.artigo figure.wp-block-gallery figure{margin:0}

/* Imagem centralizada pelo editor */
.artigo .aligncenter{margin-left:auto;margin-right:auto;text-align:center}