/*
 * CSS do bloco Gutenberg spic/titulo-descricao.
 *
 * Cabeçalho simples (título + descrição) — reutilizável em qualquer lugar,
 * não amarrado a nenhum outro bloco. Descrição usa <div> (RichText), não
 * <p>/core/paragraph — <p> tem cor legada fixa em style.min.css que vence
 * herança, ver css/blocos/secao-com-fundo.css e o README do bloco.
 *
 * Carregado automaticamente (handle "style" no block.json) tanto no
 * front-end quanto no editor.
 */

.spic-titulo-descricao__titulo {
	font-family: Venn;
	margin: 0;
}

.spic-titulo-descricao__descricao {
	margin-top: var(--space-2);
}

/* --- Cor do título/descrição (opcional) — sistema próprio, não o seletor nativo do Gutenberg --- */
.spic-titulo-descricao__titulo.titulo-navy,
.spic-titulo-descricao__descricao.texto-navy {
	color: var(--spic-navy);
}

.spic-titulo-descricao__titulo.titulo-blue,
.spic-titulo-descricao__descricao.texto-blue {
	color: var(--spic-blue);
}

.spic-titulo-descricao__titulo.titulo-azul-claro,
.spic-titulo-descricao__descricao.texto-azul-claro {
	color: var(--spic-azul-claro);
}

.spic-titulo-descricao__titulo.titulo-lime,
.spic-titulo-descricao__descricao.texto-lime {
	color: var(--spic-lime);
}

.spic-titulo-descricao__titulo.titulo-green,
.spic-titulo-descricao__descricao.texto-green {
	color: var(--spic-green);
}

.spic-titulo-descricao__titulo.titulo-red,
.spic-titulo-descricao__descricao.texto-red {
	color: var(--spic-red);
}

.spic-titulo-descricao__titulo.titulo-preto,
.spic-titulo-descricao__descricao.texto-preto {
	color: var(--spic-preto);
}

.spic-titulo-descricao__titulo.titulo-branco,
.spic-titulo-descricao__descricao.texto-branco {
	color: #fff;
}
