/* ==========================================================================
   Coin360 Theme — artigo.css
   Página de artigo: coluna única centralizada (sem sidebar), tipografia
   de leitura confortável.
   ========================================================================== */

.pagina-artigo {
	padding: 20px 0 60px;
}
.pagina-artigo__principal {
	max-width: 780px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important; /* defesa contra qualquer CSS antigo de layout de 2 colunas ainda em cache */
	width: 100% !important;
}

.cabecalho-artigo__titulo { font-size: 2.375rem; }
.cabecalho-artigo__resumo {
	font-size: 1.2rem;
	color: var(--wp--preset--color--foreground-muted);
	margin-top: 4px;
}

.imagem-destacada-artigo { margin: 20px 0; }
.imagem-destacada-artigo img { width: 100%; border-radius: 10px; aspect-ratio: 16 / 9; object-fit: cover; }
.imagem-destacada-artigo figcaption {
	font-size: 0.8rem;
	color: var(--wp--preset--color--foreground-muted);
	margin-top: 8px;
}

/* Coluna de leitura confortável, entre 680–780px — o corpo do artigo já
   está dentro de .pagina-artigo__principal (também centralizado), então
   aqui só limitamos a largura do texto em si (útil se algum bloco largo
   do editor, como uma tabela, quiser ocupar mais espaço). */
.corpo-artigo {
	font-size: 1.0625rem; /* 17px */
	line-height: 1.75;
}
.corpo-artigo h2 { margin-top: 1.6em; }
.corpo-artigo h3 { margin-top: 1.3em; }
.corpo-artigo img { border-radius: 8px; margin: 1.2em 0; }
.corpo-artigo ul, .corpo-artigo ol { margin-bottom: 1.2em; }
.corpo-artigo table { margin: 1.5em 0; font-size: 0.92rem; }
.corpo-artigo table th { background: var(--wp--preset--color--background-alt); }