/* Conteúdo do Artigo para Elementor — layout editorial */
.cae-bloco {
	--cae-eyebrow: #5c4a1e;
	--cae-titulo: #2a2522;
	--cae-num: #9b8f86;
	--cae-heading: #2a2522;
	--cae-texto: #6e6259;
	--cae-link: #5c4a1e;
	--cae-gap: 32px;
}

/* Etiqueta pequena acima do título */
.cae-bloco .cae-eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	color: var(--cae-eyebrow);
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	line-height: 1.2;
}
.cae-bloco .cae-eyebrow::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 1px;
	background: currentColor;
	flex: none;
}

/* Título principal do bloco */
.cae-bloco .cae-titulo {
	margin: 0 0 var(--cae-gap);
	color: var(--cae-titulo);
	font-family: "Fraunces", Georgia, serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}

/* Texto vindo do editor */
.cae-bloco .cae-conteudo {
	color: var(--cae-texto);
	font-family: "Manrope", system-ui, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}
.cae-bloco .cae-conteudo > :first-child { margin-top: 0; }
.cae-bloco .cae-conteudo > :last-child { margin-bottom: 0; }

.cae-bloco .cae-conteudo p {
	margin: 0 0 12px;
}

/* Números sozinhos numa linha: 01, 02, 03... */
.cae-bloco .cae-conteudo .numero {
	display: block; /* margem funciona mesmo se for <span> */
	margin: var(--cae-gap) 0 6px;
	color: var(--cae-num);
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 13px;
	letter-spacing: .06em;
	line-height: 1.4;
}
.cae-bloco .cae-conteudo > .numero:first-child { margin-top: 0; }

/* Títulos dentro do texto */
.cae-bloco .cae-conteudo h2,
.cae-bloco .cae-conteudo h3,
.cae-bloco .cae-conteudo h4 {
	margin: var(--cae-gap) 0 8px;
	color: var(--cae-heading);
	font-family: "Fraunces", Georgia, serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}
/* O espaço número → título é controlado só pela margem de baixo do número */
.cae-bloco .cae-conteudo .numero + * {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.cae-bloco .cae-conteudo a {
	color: var(--cae-link);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cae-bloco .cae-conteudo strong { color: var(--cae-heading); }
.cae-bloco .cae-conteudo ul,
.cae-bloco .cae-conteudo ol { margin: 0 0 12px; padding-left: 1.2em; }
.cae-bloco .cae-conteudo li { margin-bottom: 4px; }
.cae-bloco .cae-conteudo img { max-width: 100%; height: auto; border-radius: 6px; }