/* =============================================================
   Prosa — o HTML que vem do editor (posts e páginas).
   Os links para documentos chegam marcados com .doc, data-doc
   (o rótulo) e --doc-cor, e ganham um selo depois do texto.
   ============================================================= */

.prosa {
	max-width: var(--largura-texto);
	color: var(--c-texto);
	font-size: var(--t-md);
	line-height: 1.75;
	overflow-wrap: break-word;
}

.pagina {
	padding-top: var(--e-6);
}

.pagina__capa {
	max-width: var(--largura-texto);
	margin-bottom: var(--e-6);
	overflow: hidden;
	border-radius: var(--raio-lg);
}

.prosa > * + * {
	margin-top: 1.15em;
}

.prosa :is(h2, h3, h4, h5, h6) {
	margin-top: 1.8em;
	line-height: 1.25;
	text-wrap: balance;
}

.prosa h2 {
	font-family: var(--fonte-titulo);
	font-size: var(--t-xl);
	font-weight: 600;
}

.prosa h3 {
	font-size: var(--t-lg);
}

.prosa h4 {
	font-size: var(--t-md);
}

.prosa :is(ul, ol) {
	padding-left: 1.3em;
}

.prosa li + li {
	margin-top: 0.4em;
}

.prosa li::marker {
	color: var(--c-acao);
}

.prosa strong {
	font-weight: 700;
}

.prosa blockquote {
	padding: var(--e-4) var(--e-5);
	border-left: 4px solid var(--c-acao);
	border-radius: 0 var(--raio) var(--raio) 0;
	background: var(--c-acao-suave);
	color: var(--c-texto-medio);
}

.prosa hr {
	margin-block: 2.2em;
	border: 0;
	border-top: 1px solid var(--c-borda);
}

.prosa :is(img, video, iframe) {
	max-width: 100%;
	border-radius: var(--raio);
}

.prosa figcaption,
.prosa .wp-caption-text {
	margin-top: var(--e-2);
	color: var(--c-texto-suave);
	font-size: var(--t-sm);
}

.prosa table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--t-sm);
	display: block;
	overflow-x: auto;
}

.prosa :is(th, td) {
	padding: var(--e-2) var(--e-3);
	border: 1px solid var(--c-borda);
	text-align: left;
	vertical-align: top;
}

.prosa th {
	background: var(--c-fundo-alt);
}

.prosa :is(code, pre) {
	font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
	font-size: 0.88em;
}

.prosa code {
	padding: 0.1em 0.35em;
	border-radius: var(--raio-sm);
	background: var(--c-fundo-sunk);
}

.prosa pre {
	padding: var(--e-4);
	overflow-x: auto;
	border-radius: var(--raio);
	background: var(--c-fundo-sunk);
}

.prosa .alignleft {
	float: left;
	margin: 0.3em var(--e-5) var(--e-4) 0;
}

.prosa .alignright {
	float: right;
	margin: 0.3em 0 var(--e-4) var(--e-5);
}

.prosa .aligncenter {
	margin-inline: auto;
}

/* Link para documento: selo com o tipo logo depois do texto. */
.prosa a.doc::after {
	content: attr(data-doc);
	display: inline-block;
	margin-left: 0.4em;
	padding: 0.05em 0.4em;
	border-radius: 3px;
	background: var(--doc-cor);
	color: #fff;
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5;
	vertical-align: 0.2em;
	text-decoration: none;
}

/* Bloco "Arquivo" do editor. */
.prosa .wp-block-file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--e-3);
	padding: var(--e-4);
	border: 1px solid var(--c-borda);
	border-radius: var(--raio);
	background: var(--c-fundo-alt);
}

.prosa .wp-block-file__button {
	margin-left: auto;
	padding: 0.4em 1em;
	border-radius: var(--raio);
	background: var(--c-acao);
	color: #fff;
	font-size: var(--t-sm);
	font-weight: 600;
	text-decoration: none;
}

.prosa .wp-block-file__button::after {
	content: none !important;
}