/*
 * Diário de Jataí — o que o theme.json não expressa.
 *
 * Cor, tipografia e espaçamento vivem no theme.json. Aqui ficam só arranjo de
 * página e componentes: o cabeçalho, os fios das editorias, a grade da capa e
 * as caixas de serviço.
 *
 * Toda cor abaixo sai das variáveis que o theme.json gera, nunca de um valor
 * cravado — assim mexer na paleta pelo painel muda o site inteiro.
 */

:root {
	color-scheme: light;
}

body {
	background: var(--wp--preset--color--papel-fundo);
}

/* A folha do jornal: o conteúdo vive sobre papel branco, centralizado. */
.djt-folha {
	max-width: 76rem;
	margin-inline: auto;
	padding-inline: clamp(0.9rem, 3vw, 2rem);
	background: var(--wp--preset--color--papel);
}

/* ============ rótulo de editoria ============ */

.djt-editoria {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--miudo);
	letter-spacing: 0.13em;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 0.35rem;
}

.djt-hora {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--miudo);
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

/* ============ topo: manchete + chamadas | lateral ============ */

.djt-topo {
	display: grid;
	/*
	 * Lateral de largura fixa: o widget do meteoblue mede 378px e nao se
	 * adapta. Em coluna proporcional ele era cortado e o leitor via so quatro
	 * dos sete dias de previsao. 420px acomodam os 378px do widget mais o
	 * recuo de 1,7rem que separa a coluna do fio.
	 */
	grid-template-columns: minmax(0, 1fr) 420px;
	gap: 0 2.2rem;
	/*
	 * align-items: start impede que as colunas se estiquem à altura da mais
	 * alta. Cada uma termina onde o conteúdo dela acaba, e a seção seguinte
	 * fecha por baixo das duas.
	 */
	align-items: start;
	padding-block: 1.8rem 1.6rem;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

/* As três chamadas ficam logo abaixo da manchete, dentro da mesma coluna. */
.djt-principal > .wp-block-query + .wp-block-query {
	margin-top: 1.6rem;
	padding-top: 1.4rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

/*
 * Só a foto da matéria de abertura recebe proporção fixa. O seletor precisa ser
 * estreito: a lateral vive dentro de .djt-abertura, e uma regra ampla aqui
 * deformava os anúncios de 728x90 dela para 16/9.
 */
.djt-principal .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* ============ coluna das últimas ============ */

.djt-lateral {
	border-left: 1px solid var(--wp--preset--color--fio);
	padding-left: 1.7rem;
	/*
	 * Sem recuo à direita: o WordPress aplica o padding da raiz a grupos
	 * aninhados, e esses 32px eram justamente o que fazia o meteoblue (378px)
	 * não caber na coluna.
	 */
	padding-inline-end: 0;
}

.djt-titulo-secao {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--miudo);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
	margin: 0 0 0.2rem;
	padding-bottom: 0.55rem;
	border-bottom: 2px solid var(--wp--preset--color--casa);
}

.djt-lista li {
	border-bottom: 1px solid var(--wp--preset--color--fio);
	list-style: none;
}

.djt-lista li:last-child {
	border-bottom: 0;
}

.djt-lista a {
	display: block;
	padding-block: 0.65rem;
	min-height: 44px;
}

/* ============ grade de editorias ============ */

.djt-grade {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-grade--dois {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Uma editoria sozinha dentro da coluna principal: sem fio nem recuo laterais. */
.djt-grade--um {
	grid-template-columns: 1fr;
	border-bottom: 0;
	margin-top: 1.6rem;
	padding-top: 1.4rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-grade--um .djt-coluna {
	padding-inline: 0;
	border-left: 0;
}

.djt-coluna {
	padding: 1.5rem;
	border-left: 1px solid var(--wp--preset--color--fio);
}

.djt-coluna:first-child {
	border-left: 0;
	padding-left: 0;
}

.djt-coluna:last-child {
	padding-right: 0;
}

.djt-coluna > h2 {
	font-size: var(--wp--preset--font-size--destaque);
	margin: 0 0 0.9rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid currentcolor;
}

.djt-coluna .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin-bottom: 0.6rem;
}

/* ============ publicidade ============ */

.djt-anuncio {
	background: #f6f4f0;
	border-block: 1px solid var(--wp--preset--color--fio);
	text-align: center;
	padding-block: 1.1rem;
}

.djt-anuncio .djt-selo {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.62rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
	margin-bottom: 0.55rem;
}

.djt-peca {
	margin: 0;
}

.djt-anuncio img {
	margin-inline: auto;
	max-width: 100%;
	height: auto;
}

/* ============ Jatai hoje, Voce reporter e Painel do Diario Oficial ============
 * inc/jatai-hoje.php. Paginas de servico: texto em fonte de titulo (sem
 * serifa), blocos bem separados, tudo legivel no celular.
 */

.djt-jh,
.djt-do {
	font-family: var(--wp--preset--font-family--titulo);
}

/* O painel e uma tabela de seis colunas: precisa de mais largura do que a
   coluna de leitura das paginas comuns. */
.is-layout-constrained > .djt-do {
	max-width: 70rem;
}

.is-layout-constrained > .djt-jh {
	max-width: 52rem;
}

.djt-jh-data {
	margin: 0 0 0.3rem;
	color: var(--wp--preset--color--casa);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.djt-jh-abre {
	margin: 0 0 1.2rem;
	font-size: 1.05rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-jh-indice {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.6rem;
}

.djt-jh-indice a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 0.95rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	background: var(--wp--preset--color--papel-alt);
	color: var(--wp--preset--color--casa);
	font-size: 0.86rem;
	font-weight: 700;
	text-decoration: none;
}

.djt-jh-indice a:hover,
.djt-jh-indice a:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-jh-secao {
	margin-bottom: 2rem;
	scroll-margin-top: 1rem;
}

.djt-jh-secao h2 {
	margin: 0 0 0.9rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--wp--preset--color--casa);
	color: var(--wp--preset--color--casa);
	font-size: 1.25rem;
	font-weight: 800;
}

.djt-jh-secao h3 {
	margin: 1rem 0 0.5rem;
	color: var(--wp--preset--color--tinta-3);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-jh-plantao,
.djt-jh-notas,
.djt-jh-resumo {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-jh-plantao {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: 0.8rem;
}

.djt-jh-plantao li {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-left: 4px solid var(--wp--preset--color--ed-saude);
	border-radius: 4px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.92rem;
	line-height: 1.4;
}

.djt-jh-plantao strong {
	font-size: 1.02rem;
}

.djt-jh-plantao a {
	font-weight: 700;
	color: var(--wp--preset--color--casa);
}

.djt-jh-notas li {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-jh-nota-titulo {
	color: var(--wp--preset--color--tinta);
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.djt-jh-nota-titulo:hover,
.djt-jh-nota-titulo:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
}

.djt-jh-nota-resumo {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.96rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-jh-notas time {
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-jh-vazio,
.djt-jh-obs,
.djt-jh-rodape {
	margin: 0.6rem 0 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

.djt-jh-vazio {
	padding: 0.9rem 1rem;
	border: 1px dashed var(--wp--preset--color--fio);
	border-radius: 4px;
	background: var(--wp--preset--color--papel-alt);
}

/* ---- farmacias de plantao: cartao com a cruz verde ---- */

.djt-jh-plantao li {
	position: relative;
	padding-left: 3.6rem;
	border-left-color: #1c8a4a;
	background: #f0f8f3;
}

.djt-jh-plantao li::before {
	content: "";
	position: absolute;
	left: 0.9rem;
	top: 0.95rem;
	width: 2rem;
	height: 2rem;
	border-radius: 6px;
	background:
		linear-gradient(#fff, #fff) center / 0.42rem 1.2rem no-repeat,
		linear-gradient(#fff, #fff) center / 1.2rem 0.42rem no-repeat,
		#1c8a4a;
}

.djt-jh-plantao a {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-height: 36px;
	margin-top: 0.3rem;
	padding: 0 0.9rem;
	border-radius: 999px;
	background: #1c8a4a;
	color: #fff;
	text-decoration: none;
}

.djt-jh-plantao a::before {
	content: "Ligar: ";
	font-weight: 400;
	margin-right: 0.3rem;
}

/* ---- formulario de nota de falecimento ---- */

.djt-fl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1.2rem;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-fl > p {
	margin: 0;
	grid-column: 1 / -1;
}

.djt-fl .djt-fl-idade,
.djt-fl .djt-fl-data,
.djt-fl .djt-fl-remetente,
.djt-fl .djt-fl-telefone {
	grid-column: auto;
}

.djt-fl label {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-2);
}

.djt-fl input[type="text"],
.djt-fl input[type="number"],
.djt-fl input[type="date"],
.djt-fl input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	min-height: 46px;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--wp--preset--color--tinta-3);
	border-radius: 4px;
	background: #fff;
	font: inherit;
	font-size: 1rem;
	color: var(--wp--preset--color--tinta);
}

.djt-fl input:focus-visible {
	outline: 2px solid var(--wp--preset--color--casa);
	outline-offset: 1px;
}

.djt-fl-armadilha {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.djt-fl-obs {
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

.djt-fl-botao {
	min-height: 50px;
	padding: 0 1.8rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font: inherit;
	font-size: 1.02rem;
	font-weight: 800;
	cursor: pointer;
}

.djt-fl-botao:hover,
.djt-fl-botao:focus-visible {
	background: var(--wp--preset--color--casa-2);
}

.djt-fl-aviso {
	padding: 0.9rem 1.1rem;
	border-radius: 4px;
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
}

.djt-fl-ok {
	background: #e3f4ea;
	color: #14532d;
}

.djt-fl-erro {
	background: #f7dde4;
	color: var(--wp--preset--color--urgente);
}

@media (max-width: 40rem) {
	.djt-fl {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---- cartao da lateral ---- */

.djt-coluna-jh {
	margin-top: 1.6rem;
	padding-top: 1.2rem;
	border-top: 2px solid var(--wp--preset--color--casa);
}

.djt-jh-resumo {
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-jh-resumo li {
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-jh-resumo a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	min-height: 44px;
	color: var(--wp--preset--color--tinta);
	font-size: 0.9rem;
	text-decoration: none;
}

.djt-jh-resumo a strong {
	color: var(--wp--preset--color--casa);
	font-size: 0.82rem;
	text-align: right;
}

.djt-jh-resumo a:hover span,
.djt-jh-resumo a:focus-visible span {
	text-decoration: underline;
}

.djt-jh-resumo-mais {
	margin: 0.7rem 0 0;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.86rem;
	font-weight: 700;
}

/* ---- Voce reporter ---- */

.djt-vr {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.7rem 0.9rem;
	align-items: center;
	margin-top: 1.2rem;
	padding: 1rem 1.1rem;
	border-radius: 6px;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	font-family: var(--wp--preset--font-family--titulo);
	text-decoration: none;
	transition: filter 0.15s ease;
}

.djt-vr:hover,
.djt-vr:focus-visible {
	filter: brightness(1.1);
	color: #fff;
}

.djt-vr-icone {
	display: grid;
	place-items: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
}

.djt-vr-texto {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.djt-vr-selo {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	opacity: 0.9;
}

.djt-vr-titulo {
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-vr-apoio {
	font-size: 0.82rem;
	line-height: 1.35;
	opacity: 0.92;
}

.djt-vr-botao-cartao {
	grid-column: 1 / -1;
	padding: 0.65rem 1rem;
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--urgente);
	font-size: 0.95rem;
	font-weight: 800;
	text-align: center;
}

.djt-vr-acao {
	margin: 1.4rem 0;
}

.djt-vr-botao {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 52px;
	padding: 0 1.6rem;
	border-radius: 999px;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 1.1rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-vr-botao:hover,
.djt-vr-botao:focus-visible {
	filter: brightness(1.1);
	color: #fff;
}

/* ---- Painel do Diario Oficial ---- */

.djt-do-numeros {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: 0.8rem;
	margin: 0 0 1.4rem;
	padding: 0;
	list-style: none;
}

.djt-do-numeros li {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 1rem 1.1rem;
	border-radius: 6px;
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-do-numeros strong {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.1;
}

.djt-do-numeros span {
	font-size: 0.8rem;
	opacity: 0.9;
}

.djt-do-rola {
	overflow-x: auto;
}

.djt-do-tabela {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.88rem;
	line-height: 1.35;
}

.djt-do-tabela th {
	padding: 0.6rem 0.7rem;
	border-bottom: 2px solid var(--wp--preset--color--casa);
	color: var(--wp--preset--color--casa);
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

.djt-do-tabela td {
	padding: 0.75rem 0.7rem;
	border-bottom: 1px solid var(--wp--preset--color--fio);
	vertical-align: top;
}

.djt-do-tabela td[data-rotulo="Assunto"] {
	min-width: 18rem;
}

.djt-do-tabela td a {
	color: var(--wp--preset--color--tinta);
	font-weight: 700;
}

.djt-do-ato {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.78rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-do-tipo {
	display: inline-block;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	background: var(--wp--preset--color--papel-fundo);
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.djt-do-notificacao,
.djt-do-sancao {
	background: #f7dde4;
	color: var(--wp--preset--color--urgente);
}

.djt-do-valor {
	font-weight: 700;
	white-space: nowrap;
}

@media (max-width: 48rem) {
	.djt-do-tabela thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.djt-do-tabela tr {
		display: block;
		padding: 0.8rem 0;
		border-bottom: 2px solid var(--wp--preset--color--fio);
	}

	.djt-do-tabela td {
		display: flex;
		gap: 0.7rem;
		padding: 0.2rem 0;
		border: 0;
	}

	.djt-do-tabela td::before {
		content: attr(data-rotulo);
		flex: 0 0 5.6rem;
		color: var(--wp--preset--color--tinta-3);
		font-size: 0.68rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		padding-top: 0.15rem;
	}

	.djt-do-valor {
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-vr {
		transition: none;
	}
}

/* ============ segunda etapa: agenda, postos e enquete ============
 * inc/jatai-mais.php.
 */

.djt-ag {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-ag li {
	display: flex;
	gap: 0.9rem;
	align-items: flex-start;
	padding: 0.8rem 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-ag-dia {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 3.4rem;
	min-height: 3.4rem;
	border-radius: 6px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.1;
}

.djt-ag-dia strong {
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: 0;
}

.djt-ag-corpo {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.djt-ag-titulo {
	color: var(--wp--preset--color--tinta);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.djt-ag-titulo:hover,
.djt-ag-titulo:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
}

.djt-ag-quando {
	font-size: 0.8rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ag-resumo {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.94rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

/* ---- faixa da capa ---- */

.djt-mais {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 2.2rem;
	margin-top: 1.8rem;
	padding-top: 1.4rem;
	border-top: 2px solid var(--wp--preset--color--casa);
}

/* O WordPress poe margem no segundo filho de um grupo; aqui sao colunas. */
.djt-mais > .djt-mais-bloco {
	margin-block-start: 0;
}

.djt-mais .djt-mais-segundo {
	margin-top: 1.6rem;
}

.djt-mais .djt-jh-resumo a span small {
	display: block;
	font-size: 0.72rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-mais .djt-pt-capa a strong {
	font-size: 1.05rem;
	white-space: nowrap;
}

@media (max-width: 40rem) {
	.djt-mais {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-mais-bloco + .djt-mais-bloco {
		margin-top: 1.6rem;
	}
}

/* ---- enquete ---- */

.djt-enq {
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-enq-pergunta {
	margin: 0.8rem 0 0.8rem;
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--wp--preset--color--tinta);
}

.djt-enq-opcao {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 44px;
	margin-bottom: 0.45rem;
	padding: 0.35rem 0.8rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 6px;
	background: #fff;
	font-size: 0.92rem;
	cursor: pointer;
	overflow: hidden;
}

.djt-enq-opcao > * {
	position: relative;
	z-index: 1;
}

.djt-enq-opcao .djt-enq-barra {
	position: absolute;
	z-index: 0;
	inset: 0 auto 0 0;
	width: 0;
	background: #dfe0f5;
	transition: width 0.4s ease;
}

.djt-enq-pct {
	margin-left: auto;
	font-weight: 800;
	color: var(--wp--preset--color--casa);
}

.djt-enq-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0.8rem 0 0;
}

.djt-enq-votar,
.djt-enq-ver {
	min-height: 44px;
	padding: 0 1.3rem;
	border-radius: 999px;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 800;
	cursor: pointer;
}

.djt-enq-votar {
	border: 0;
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-enq-ver {
	border: 1px solid var(--wp--preset--color--casa);
	background: transparent;
	color: var(--wp--preset--color--casa);
}

.djt-enq-votou .djt-enq-acoes,
.djt-enq-votou input[type="radio"] {
	display: none;
}

.djt-enq-info,
.djt-enq-nota {
	margin: 0.6rem 0 0;
	font-size: 0.78rem;
	color: var(--wp--preset--color--tinta-3);
}

/* ---- postos ---- */

.djt-pt .djt-do-numeros span + span {
	opacity: 0.75;
}

.djt-pt-conta {
	margin: 0 0 1.2rem;
	padding: 0.8rem 1rem;
	border-left: 4px solid var(--wp--preset--color--ed-economia);
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.92rem;
	line-height: 1.5;
}

.djt-pt-menor {
	color: #14713a;
}

.djt-pt .djt-do-tabela td.djt-pt-menor::after {
	content: " ▼";
	font-size: 0.7em;
}

.djt-pt .djt-do-tabela td[data-rotulo="Posto"] {
	min-width: 15rem;
}

@media (prefers-reduced-motion: reduce) {
	.djt-enq-opcao .djt-enq-barra {
		transition: none;
	}
}

/* ============ pagina "Jatai hoje": painel de servicos ============
 * Abertura escura com os numeros do dia, indice com icones e as secoes em
 * cartoes de duas colunas, cada uma com a sua cor.
 */

.is-layout-constrained > .djt-jh.djt-jh-hub {
	max-width: 72rem;
}

/* O titulo da pagina continua existindo para leitor de tela e buscadores; o
   que se ve e o da abertura. */
.djt-folha:has(.djt-jh-hub) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-jh-hub) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-jh-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: 1.6rem 2.4rem;
	align-items: center;
	padding: clamp(1.4rem, 3.5vw, 2.4rem);
	border-radius: 14px;
	background:
		radial-gradient(circle at 88% 12%, rgba(255, 216, 77, 0.2), transparent 38%),
		linear-gradient(120deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 60%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
}

.djt-jh-hero p {
	margin: 0;
}

.djt-jh-hero-selo {
	color: #ffd84d;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.djt-jh-hero-titulo {
	margin-top: 0.3rem !important;
	font-size: clamp(2.2rem, 6vw, 3.6rem);
	font-weight: 800;
	line-height: 1;
}

.djt-jh-hero-data {
	margin-top: 0.6rem !important;
	font-size: 1.05rem;
	font-weight: 700;
}

.djt-jh-hero-apoio {
	margin-top: 0.7rem !important;
	max-width: 30rem;
	font-size: 0.95rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.86);
}

.djt-jh-hero-nums {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-jh-hero-nums a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.5rem;
	min-height: 5.4rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	text-decoration: none;
	transition: background 0.15s ease;
}

.djt-jh-hero-nums a:hover,
.djt-jh-hero-nums a:focus-visible {
	background: rgba(255, 255, 255, 0.2);
}

.djt-jh-hero-nums span {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
}

.djt-jh-hero-nums strong {
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

/* ---- indice ---- */

.djt-jh-hub .djt-jh-indice {
	margin: 1.1rem 0 1.5rem;
	gap: 0.45rem;
}

.djt-jh-hub .djt-jh-indice a {
	gap: 0.4rem;
	background: #fff;
	color: var(--wp--preset--color--tinta-2);
}

.djt-jh-hub .djt-jh-indice .djt-jh-ico {
	width: 1.05rem;
	height: 1.05rem;
	color: var(--wp--preset--color--casa);
}

.djt-jh-hub .djt-jh-indice a:hover .djt-jh-ico,
.djt-jh-hub .djt-jh-indice a:focus-visible .djt-jh-ico {
	color: #fff;
}

.djt-jh-indice b {
	display: inline-grid;
	place-items: center;
	min-width: 1.35rem;
	height: 1.35rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	font-size: 0.7rem;
}

/* ---- cartoes ----
 * Duas colunas "de jornal": cada cartao desce para a coluna que tiver lugar,
 * entao nao sobra buraco quando um e bem mais alto que o vizinho. Plantao e
 * estradas atravessam as duas colunas.
 */

.djt-jh-grade {
	columns: 2;
	column-gap: 1.1rem;
}

.djt-jh-grade > .djt-jh-cartao {
	break-inside: avoid;
	margin: 0 0 1.1rem;
}

.djt-jh-grade > .djt-jh-c-plantao,
.djt-jh-grade > .djt-jh-c-estradas {
	column-span: all;
}

.djt-jh-cartao {
	--cor: var(--wp--preset--color--casa);
	padding: 1.2rem 1.3rem 1.3rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-top: 4px solid var(--cor);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(27, 26, 51, 0.05), 0 8px 22px -14px rgba(27, 26, 51, 0.35);
	scroll-margin-top: 1rem;
}

.djt-jh-c-plantao { --cor: #1c8a4a; }
.djt-jh-c-agua-luz { --cor: #0f6f8a; }
.djt-jh-c-estradas { --cor: #8a5a1c; }
.djt-jh-c-vagas { --cor: #1f5d4c; }
.djt-jh-c-concursos { --cor: #5b2e86; }
.djt-jh-c-falecimentos { --cor: #45446b; }
.djt-jh-c-agenda { --cor: #2e308b; }
.djt-jh-c-postos { --cor: #b3541e; }

.djt-jh-cartao h2 {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 0 0 0.9rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.12rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-jh-bola {
	flex: none;
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 10px;
	background: var(--cor);
	color: #fff;
}

.djt-jh-nome {
	flex: 1;
	min-width: 0;
}

.djt-jh-conta {
	flex: none;
	display: inline-grid;
	place-items: center;
	min-width: 1.7rem;
	height: 1.7rem;
	padding: 0 0.45rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-size: 0.82rem;
}

.djt-jh-cartao h3 {
	margin: 0.9rem 0 0.5rem;
	color: var(--wp--preset--color--tinta-3);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-jh-cartao .djt-jh-plantao {
	grid-template-columns: minmax(0, 1fr);
}

.djt-jh-cartao .djt-jh-notas li:first-child {
	padding-top: 0;
}

.djt-jh-cartao .djt-jh-notas li:last-child,
.djt-jh-cartao .djt-ag li:last-child {
	border-bottom: 0;
}

.djt-jh-cartao .djt-ag li:first-child {
	padding-top: 0;
}

.djt-jh-cartao .djt-jh-nota-titulo:hover,
.djt-jh-cartao .djt-jh-nota-titulo:focus-visible {
	color: var(--cor);
}

.djt-jh-nada {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.7rem;
	padding: 0.9rem 1rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
}

.djt-jh-nada p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-jh-mini {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 0.95rem;
	border: 1px solid var(--cor, var(--wp--preset--color--casa));
	border-radius: 999px;
	color: var(--cor, var(--wp--preset--color--casa));
	font-size: 0.82rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-jh-mini:hover,
.djt-jh-mini:focus-visible {
	background: var(--cor, var(--wp--preset--color--casa));
	color: #fff;
}

.djt-jh-cartao > .djt-jh-mini {
	margin-top: 0.9rem;
}

.djt-jh-precos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-jh-precos li {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.8rem 0.85rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
}

.djt-jh-precos span {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-jh-precos strong {
	color: var(--cor);
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.1;
	white-space: nowrap;
}

.djt-jh-precos small {
	font-size: 0.72rem;
	line-height: 1.35;
	color: var(--wp--preset--color--tinta-3);
}

/* ---- estradas: cartao de ponta a ponta, com o mapa do transito ---- */

.djt-jh-mapa {
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 10px;
	overflow: hidden;
	background: var(--wp--preset--color--papel-alt);
}

.djt-jh-mapa iframe {
	display: block;
	width: 100%;
	height: clamp(340px, 52vw, 500px);
	border: 0;
}

.djt-jh-mapa-legenda {
	margin: 0.6rem 0 0.9rem;
}

/* ---- farmacias com horario: "aberta agora" ---- */

.djt-fm li {
	gap: 0.25rem;
}

.djt-fm-estado {
	align-self: flex-start;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
}

.djt-fm-aberta .djt-fm-estado {
	background: #1c8a4a;
	color: #fff;
}

.djt-fm-fechada {
	border-left-color: var(--wp--preset--color--tinta-3) !important;
	background: var(--wp--preset--color--papel-alt) !important;
}

.djt-fm-fechada::before {
	background-color: var(--wp--preset--color--tinta-3) !important;
}

.djt-fm-fechada .djt-fm-estado {
	background: var(--wp--preset--color--fio);
	color: var(--wp--preset--color--tinta-2);
}

.djt-fm-hoje {
	font-weight: 700;
}

.djt-fm-semana {
	font-size: 0.78rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-jh-cartao .djt-fm {
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}

.djt-jh-mais {
	margin-top: 0.2rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-jh-mais summary {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	margin-top: 0.5rem;
	padding: 0 0.95rem;
	border: 1px solid var(--cor);
	border-radius: 999px;
	color: var(--cor);
	font-size: 0.82rem;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.djt-jh-mais summary::-webkit-details-marker {
	display: none;
}

.djt-jh-mais summary::after {
	content: "▾";
	margin-left: 0.4rem;
}

.djt-jh-mais[open] summary {
	margin-bottom: 0.9rem;
}

.djt-jh-mais[open] summary::after {
	content: "▴";
}

.djt-mem-sobre-quem {
	margin: 0 0 1.4rem;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.12rem;
	line-height: 1.55;
	color: var(--wp--preset--color--tinta);
}

/* ---- participe ---- */

.djt-jh-participe {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 1.4rem;
}

.djt-jh-participe a {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1.1rem 1.2rem;
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	transition: filter 0.15s ease;
}

.djt-jh-participe a:hover,
.djt-jh-participe a:focus-visible {
	filter: brightness(1.12);
	color: #fff;
}

.djt-jh-participe .djt-jh-ico {
	width: 1.8rem;
	height: 1.8rem;
	margin-bottom: 0.2rem;
}

.djt-jh-participe strong {
	font-size: 1.05rem;
	font-weight: 800;
}

.djt-jh-participe span {
	font-size: 0.84rem;
	line-height: 1.4;
	opacity: 0.92;
}

.djt-jh-p-reporter { background: var(--wp--preset--color--urgente); }
.djt-jh-p-oficial { background: var(--wp--preset--color--casa); }
.djt-jh-p-nota { background: var(--wp--preset--color--tinta-2); }

@media (max-width: 56rem) {
	.djt-jh-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-jh-grade {
		columns: 1;
	}

	.djt-jh-participe {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 26rem) {
	.djt-jh-precos {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-jh-hero-nums a,
	.djt-jh-participe a {
		transition: none;
	}
}

/* ============ pagina "Voce reporter" ============ */

.is-layout-constrained > .djt-vrp {
	max-width: 68rem;
}

.djt-folha:has(.djt-vrp) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-vrp) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-vrp {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-vrp-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: center;
	padding: clamp(1.5rem, 4vw, 2.8rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 92% 8%, rgba(255, 216, 77, 0.28), transparent 36%),
		linear-gradient(125deg, #7d0c28 0%, var(--wp--preset--color--urgente) 55%, #d4354f 100%);
	color: #fff;
	overflow: hidden;
}

.djt-vrp-hero p {
	margin: 0;
}

.djt-vrp-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-vrp-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(2rem, 5.4vw, 3.3rem);
	font-weight: 800;
	line-height: 1.05;
}

.djt-vrp-apoio {
	margin-top: 0.9rem !important;
	max-width: 34rem;
	font-size: 1.02rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.92);
}

.djt-vrp-acao {
	margin-top: 1.4rem !important;
}

.djt-vrp-botao {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 58px;
	padding: 0 1.7rem;
	border-radius: 999px;
	background: #25d366;
	color: #06281f;
	font-size: 1.12rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.55);
	transition: transform 0.15s ease, filter 0.15s ease;
}

.djt-vrp-botao:hover,
.djt-vrp-botao:focus-visible {
	filter: brightness(1.08);
	transform: translateY(-2px);
	color: #06281f;
}

.djt-vrp-numero {
	margin-top: 0.8rem !important;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.88);
}

.djt-vrp-arte {
	display: grid;
	place-items: center;
}

.djt-vrp-arte svg {
	width: min(100%, 250px);
	height: auto;
	filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
	transform: rotate(5deg);
}

.djt-vrp-h2 {
	margin: 2.2rem 0 1rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-vrp-passos,
.djt-vrp-itens,
.djt-vrp-checks {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-vrp-passos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1rem;
	counter-reset: none;
}

.djt-vrp-passos li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1.3rem 1.2rem 1.2rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 22px -16px rgba(27, 26, 51, 0.4);
	font-size: 0.92rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-2);
}

.djt-vrp-n {
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.3rem;
	border-radius: 50%;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	font-size: 1.15rem;
	font-weight: 800;
}

.djt-vrp-passos strong,
.djt-vrp-itens strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.05rem;
	font-weight: 800;
}

.djt-vrp-itens {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.1rem;
}

.djt-vrp-itens li {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 1.1rem;
	border-radius: 12px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-2);
}

.djt-vrp-bola {
	display: grid;
	place-items: center;
	width: 2.8rem;
	height: 2.8rem;
	margin-bottom: 0.3rem;
	border-radius: 12px;
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-vrp-temas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	margin: 1.3rem 0 0;
	font-size: 0.86rem;
}

.djt-vrp-temas span {
	margin-right: 0.3rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-3);
}

.djt-vrp-temas b {
	padding: 0.3rem 0.8rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--tinta-2);
	font-weight: 700;
}

.djt-vrp-duas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 2.2rem;
}

.djt-vrp-caixa {
	padding: 1.4rem 1.5rem;
	border-radius: 12px;
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-vrp-caixa h2 {
	margin: 0 0 0.9rem;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
}

.djt-vrp-atencao {
	border: 2px solid var(--wp--preset--color--fio);
	background: #fff;
	color: var(--wp--preset--color--tinta-2);
}

.djt-vrp-atencao h2 {
	color: var(--wp--preset--color--tinta);
}

.djt-vrp-checks li {
	position: relative;
	padding: 0 0 0.7rem 1.7rem;
	font-size: 0.93rem;
	line-height: 1.5;
}

.djt-vrp-checks li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #ffd84d;
	font-weight: 800;
}

.djt-vrp-atencao .djt-vrp-checks li::before {
	content: "!";
	display: grid;
	place-items: center;
	width: 1.15rem;
	height: 1.15rem;
	top: 0.15rem;
	border-radius: 50%;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	font-size: 0.75rem;
}

.djt-vrp-emerg {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0.4rem 0 0;
	font-size: 0.86rem;
}

.djt-vrp-emerg span {
	flex: 1 1 100%;
	font-weight: 700;
	color: var(--wp--preset--color--tinta);
}

.djt-vrp-emerg a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 40px;
	padding: 0 0.9rem;
	border-radius: 999px;
	background: var(--wp--preset--color--urgente);
	color: #fff;
	text-decoration: none;
}

.djt-vrp-outros {
	margin-top: 0;
}

.djt-vrp-verde {
	background: #1c8a4a;
}

.djt-vrp-fim {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin-top: 2.2rem;
	padding: 1.5rem 1.7rem;
	border-radius: 14px;
	background: var(--wp--preset--color--tinta);
	color: #fff;
}

.djt-vrp-fim p {
	flex: 1 1 18rem;
	margin: 0;
	font-size: 1.02rem;
	line-height: 1.5;
}

.djt-vrp-fim strong {
	display: block;
	font-size: 1.25rem;
}

@media (max-width: 56rem) {
	.djt-vrp-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-vrp-arte {
		display: none;
	}

	.djt-vrp-passos,
	.djt-vrp-duas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-vrp-itens {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 26rem) {
	.djt-vrp-itens {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-vrp-botao {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-vrp-botao {
		transition: none;
	}
}

/* ============ memorial (notas de falecimento) ============
 * inc/memorial.php. Arte sobria: azul profundo, dourado discreto, nome em
 * serifa. Na pagina da nota some tudo o que e de materia.
 */

.djt-memorial main.djt-folha > :not(.wp-block-post-content):not(.wp-block-post-title) {
	display: none;
}

.djt-memorial main.djt-folha > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-memorial main.djt-folha {
	padding-block: 1.6rem 2.4rem;
	background: var(--wp--preset--color--papel-fundo);
}

.is-layout-constrained > .djt-mem {
	max-width: 46rem;
}

.djt-mem {
	--ouro: #c9a96a;
	margin-inline: auto;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.06), 0 24px 50px -28px rgba(27, 26, 51, 0.55);
	font-family: var(--wp--preset--font-family--titulo);
	text-align: center;
}

.djt-mem-topo {
	position: relative;
	padding: 2.4rem 1.5rem 2.2rem;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(201, 169, 106, 0.22), transparent 58%),
		linear-gradient(180deg, #14132a 0%, #23224a 100%);
	color: #fff;
}

.djt-mem-topo::after {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(201, 169, 106, 0.4);
	border-radius: 12px;
	pointer-events: none;
}

.djt-mem-ramos {
	display: block;
	width: min(60%, 220px);
	height: auto;
	margin: 0 auto 0.6rem;
	color: var(--ouro);
}

.djt-mem-sobre {
	margin: 0 0 1.3rem;
	color: var(--ouro);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.32em;
	text-transform: uppercase;
}

.djt-mem-foto {
	width: clamp(150px, 42vw, 210px);
	aspect-ratio: 1;
	margin: 0 auto 1.4rem;
	padding: 6px;
	border: 2px solid var(--ouro);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 0 0 8px rgba(201, 169, 106, 0.12);
}

.djt-mem-foto img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center 25%;
}

.djt-mem-simbolo {
	display: grid;
	place-items: center;
	width: 132px;
	height: 132px;
	margin: 0 auto 1.4rem;
	border: 2px solid var(--ouro);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 8px rgba(201, 169, 106, 0.12);
}

.djt-mem-simbolo svg {
	width: 52px;
	height: auto;
}

.djt-mem .djt-mem-nome {
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-family: var(--wp--preset--font-family--texto);
	font-size: clamp(1.7rem, 5.4vw, 2.5rem);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0.01em;
	text-transform: none;
}

.djt-mem-datas {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.1rem;
	margin: 1.1rem 0 0;
	font-size: 1.05rem;
	font-weight: 700;
}

.djt-mem-datas span {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.djt-mem-datas small,
.djt-mem-cartao small,
.djt-mem-familia small {
	display: block;
	color: var(--ouro);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.djt-mem-datas i {
	width: 2.4rem;
	height: 1px;
	background: var(--ouro);
}

.djt-mem-frase {
	margin: 0.9rem 0 0;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.86);
}

.djt-mem-corpo {
	padding: 1.8rem clamp(1.2rem, 5vw, 2.6rem) 2rem;
	color: var(--wp--preset--color--tinta-2);
}

.djt-mem-cartoes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0.9rem;
	text-align: left;
}

.djt-mem-cartao {
	display: flex;
	gap: 0.8rem;
	align-items: flex-start;
	padding: 1rem 1.1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.98rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta);
}

.djt-mem-cartao svg {
	flex: none;
	margin-top: 0.15rem;
	color: #8a6d2f;
}

.djt-mem-cartao small,
.djt-mem-familia small {
	margin-bottom: 0.2rem;
	color: #8a6d2f;
}

.djt-mem-familia {
	margin: 1.5rem 0 0;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--wp--preset--color--tinta);
}

.djt-mem-mensagem {
	margin: 1.5rem auto 0;
	padding: 0 1rem;
	max-width: 30rem;
	border: 0;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.12rem;
	font-style: italic;
	line-height: 1.55;
	color: var(--wp--preset--color--tinta-2);
}

.djt-mem-mensagem::before,
.djt-mem-mensagem::after {
	content: "";
	display: block;
	width: 3rem;
	height: 1px;
	margin: 0.9rem auto;
	background: var(--ouro);
}

.djt-mem-texto {
	margin-top: 0.4rem;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--wp--preset--color--tinta);
}

.djt-mem-pesar {
	margin: 1.7rem 0 0;
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

.djt-mem-acoes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.7rem 1.2rem;
	margin: 1.4rem 0 0;
}

.djt-mem-botao {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 1.4rem;
	border-radius: 999px;
	background: #23224a;
	color: #fff;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
}

.djt-mem-botao:hover,
.djt-mem-botao:focus-visible {
	background: #14132a;
	color: #fff;
}

.djt-mem-link {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-2);
}

.djt-mem-fonte {
	margin: 1.5rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--fio);
	font-size: 0.76rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-mem-aviso {
	max-width: 46rem;
	margin: 0 auto 1rem;
	padding: 0.8rem 1rem;
	border-radius: 8px;
	background: #fff6dc;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta);
}

/* ---- lista no "Jatai hoje" ---- */

.djt-mem-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-mem-linha + .djt-mem-linha {
	margin-top: 0.6rem;
}

.djt-mem-linha a {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	padding: 0.8rem 0.9rem;
	border-radius: 12px;
	background: linear-gradient(180deg, #14132a 0%, #23224a 100%);
	color: #fff;
	text-decoration: none;
	transition: filter 0.15s ease;
}

.djt-mem-linha a:hover,
.djt-mem-linha a:focus-visible {
	filter: brightness(1.2);
	color: #fff;
}

.djt-mem-mini {
	flex: none;
	width: 58px;
	height: 58px;
	border: 2px solid #c9a96a;
	border-radius: 50%;
	object-fit: cover;
	object-position: center 25%;
}

.djt-mem-mini-vela {
	display: grid;
	place-items: center;
	background: rgba(255, 255, 255, 0.06);
}

.djt-mem-mini-vela svg {
	width: 22px;
	height: auto;
}

.djt-mem-linha-texto {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	font-size: 0.86rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.85);
}

.djt-mem-linha-texto strong {
	color: #fff;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.08rem;
	font-weight: 600;
}

.djt-mem-linha-texto small {
	font-size: 0.76rem;
	color: #d8c08f;
}

/* ---- formulario: foto e exemplo ---- */

.djt-fl-exemplo {
	margin: 0 0 1.2rem;
	padding: 0.8rem 1rem;
	border-left: 4px solid #c9a96a;
	background: var(--wp--preset--color--papel-alt);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.92rem;
	line-height: 1.5;
}

.djt-fl .djt-fl-nascimento,
.djt-fl .djt-fl-data {
	grid-column: auto;
}

.djt-fl .djt-fl-idade {
	grid-column: 1 / -1;
	max-width: 10rem;
}

.djt-fl input[type="file"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.7rem;
	border: 1px dashed var(--wp--preset--color--tinta-3);
	border-radius: 4px;
	background: var(--wp--preset--color--papel-alt);
	font: inherit;
	font-size: 0.9rem;
}

.djt-fl-foto small {
	display: block;
	margin-top: 0.3rem;
	font-size: 0.8rem;
	color: var(--wp--preset--color--tinta-3);
}

@media (prefers-reduced-motion: reduce) {
	.djt-mem-linha a {
		transition: none;
	}
}

/* ============ pagina "Painel do Diario Oficial" ============ */

.is-layout-constrained > .djt-dop {
	max-width: 72rem;
}

.djt-folha:has(.djt-dop) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-dop) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-dop {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-dop-hero {
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 100% 28px,
		radial-gradient(circle at 90% 0%, rgba(255, 216, 77, 0.2), transparent 40%),
		linear-gradient(125deg, #0f0e22 0%, var(--wp--preset--color--tinta) 45%, var(--wp--preset--color--casa) 100%);
	color: #fff;
}

.djt-dop-hero p {
	margin: 0;
}

.djt-dop-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-dop-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 800;
	line-height: 1.05;
}

.djt-dop-apoio {
	margin-top: 0.8rem !important;
	max-width: 46rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
}

.djt-dop-quando {
	margin-top: 0.7rem !important;
	font-size: 0.8rem;
	color: #ffd84d;
}

.djt-dop-nums {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
	gap: 0.8rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.djt-dop-nums li {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.09);
}

.djt-dop-nums strong {
	font-size: clamp(1.4rem, 3.4vw, 1.9rem);
	font-weight: 800;
	line-height: 1.1;
}

.djt-dop-nums span {
	font-size: 0.8rem;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.82);
}

.djt-dop-duas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 1.1rem;
}

.djt-dop-caixa {
	padding: 1.3rem 1.4rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 22px -16px rgba(27, 26, 51, 0.4);
}

.djt-dop h2 {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-dop-barras,
.djt-dop-ranking,
.djt-dop-lista,
.djt-dop-metodo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-dop-barras li {
	--cor: var(--wp--preset--color--casa);
	display: grid;
	grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto;
	gap: 0.2rem 0.7rem;
	align-items: center;
	padding: 0.45rem 0;
	font-size: 0.88rem;
}

.djt-dop-barras small {
	grid-column: 2 / -1;
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-dop-b-trilho {
	display: block;
	height: 0.6rem;
	border-radius: 999px;
	background: var(--wp--preset--color--papel-fundo);
	overflow: hidden;
}

.djt-dop-b-trilho i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--cor, var(--wp--preset--color--casa));
}

.djt-dop-b-num {
	font-weight: 800;
}

.djt-dop-ranking {
	counter-reset: posicao;
}

.djt-dop-ranking li {
	counter-increment: posicao;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.25rem 0.8rem;
	align-items: baseline;
	padding: 0.55rem 0 0.55rem 2rem;
	position: relative;
	font-size: 0.9rem;
}

.djt-dop-ranking li::before {
	content: counter(posicao);
	position: absolute;
	left: 0;
	top: 0.55rem;
	display: grid;
	place-items: center;
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	background: var(--wp--preset--color--tinta);
	color: #fff;
	font-size: 0.74rem;
	font-weight: 800;
}

.djt-dop-r-nome {
	font-weight: 700;
	line-height: 1.3;
}

.djt-dop-r-valor {
	font-weight: 800;
	white-space: nowrap;
}

.djt-dop-ranking .djt-dop-b-trilho,
.djt-dop-ranking small {
	grid-column: 1 / -1;
}

.djt-dop-ranking small {
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
}

/* cores por tipo de ato */
.djt-dop .djt-dop-t-contrato { --cor: #2e308b; }
.djt-dop .djt-dop-t-aditivo { --cor: #8a5a1c; }
.djt-dop .djt-dop-t-dispensa { --cor: #b3541e; }
.djt-dop .djt-dop-t-inexigibilidade { --cor: #5b2e86; }
.djt-dop .djt-dop-t-credenciamento { --cor: #0f6f8a; }
.djt-dop .djt-dop-t-notificacao { --cor: #b3123a; }
.djt-dop .djt-dop-t-sancao { --cor: #7d0c28; }
.djt-dop .djt-dop-t-outro { --cor: #45446b; }

/* ---- filtros ---- */

.djt-dop-filtros {
	margin-top: 2rem;
}

.djt-dop-filtros h2 {
	font-size: 1.45rem;
	scroll-margin-top: 1rem;
}

.djt-dop-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.djt-dop-chip {
	--cor: var(--wp--preset--color--tinta);
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 40px;
	padding: 0 0.95rem;
	border: 1px solid var(--cor);
	border-radius: 999px;
	background: #fff;
	color: var(--cor);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
}

.djt-dop-chip b {
	display: inline-grid;
	place-items: center;
	min-width: 1.4rem;
	height: 1.4rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-size: 0.72rem;
}

.djt-dop-chip.djt-dop-ativo {
	background: var(--cor);
	color: #fff;
}

.djt-dop-chip.djt-dop-ativo b {
	background: #fff;
	color: var(--cor);
}

.djt-dop-busca {
	display: block;
	margin-top: 0.9rem;
}

.djt-dop-busca span {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-3);
}

.djt-dop-busca input {
	width: 100%;
	max-width: 34rem;
	box-sizing: border-box;
	min-height: 46px;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--wp--preset--color--tinta-3);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 0.95rem;
}

/* ---- lista de atos ---- */

.djt-dop-lista {
	margin-top: 1.1rem;
}

.djt-dop-ato {
	--cor: var(--wp--preset--color--casa);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(11rem, auto);
	gap: 1rem 1.2rem;
	align-items: center;
	margin-bottom: 0.7rem;
	padding: 1rem 1.2rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-left: 5px solid var(--cor);
	border-radius: 12px;
	background: #fff;
}

.djt-dop-ato[hidden] {
	display: none;
}

.djt-dop-dia {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 3.3rem;
	min-height: 3.3rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.1;
}

.djt-dop-dia strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.3rem;
	letter-spacing: 0;
}

.djt-dop-miolo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.3rem;
	min-width: 0;
}

.djt-dop-tag {
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.djt-dop-ato-titulo {
	color: var(--wp--preset--color--tinta);
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
}

.djt-dop-ato-titulo:hover,
.djt-dop-ato-titulo:focus-visible {
	color: var(--cor);
	text-decoration: underline;
}

.djt-dop-meta {
	font-size: 0.8rem;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta-3);
}

.djt-dop-empresa {
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-2);
}

.djt-dop-empresa::before {
	content: "Empresa: ";
	font-weight: 400;
	color: var(--wp--preset--color--tinta-3);
}

.djt-dop-lado {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.25rem;
	text-align: right;
	font-size: 0.78rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-dop-lado strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.2rem;
	font-weight: 800;
	white-space: nowrap;
}

.djt-dop-lado strong.djt-dop-sem {
	color: var(--wp--preset--color--tinta-3);
	font-size: 0.82rem;
	font-weight: 700;
}

.djt-dop-lado a {
	font-weight: 800;
	color: var(--cor);
}

.djt-dop-nada {
	padding: 1rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.92rem;
}

/* ---- como ler ---- */

.djt-dop-fim {
	margin-top: 1.6rem;
}

.djt-dop-metodo li {
	position: relative;
	padding: 0 0 0.6rem 1.2rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-dop-metodo li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--wp--preset--color--casa);
}

.djt-dop-cta {
	border: 0;
	background: var(--wp--preset--color--urgente);
	color: #fff;
}

.djt-dop-cta h2 {
	color: #fff;
}

.djt-dop-cta p {
	margin: 0 0 1rem;
	font-size: 0.94rem;
	line-height: 1.5;
}

.djt-dop-botao {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 1.4rem;
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--urgente);
	font-weight: 800;
	text-decoration: none;
}

.djt-dop-cta .djt-dop-resposta {
	margin: 0;
	font-size: 0.82rem;
	opacity: 0.92;
}

.djt-dop-cta .djt-dop-resposta a {
	color: #fff;
}

@media (max-width: 56rem) {
	.djt-dop-duas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-dop-ato {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.djt-dop-lado {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
		gap: 0.3rem 1rem;
		padding-top: 0.7rem;
		border-top: 1px solid var(--wp--preset--color--fio);
		text-align: left;
	}

	.djt-dop-barras li {
		grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr) auto;
	}
}

/* ============ pagina "Agenda de Jatai" ============ */

.is-layout-constrained > .djt-agp {
	max-width: 66rem;
}

.djt-folha:has(.djt-agp) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-agp) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-agp {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-agp-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 1.5rem 2rem;
	align-items: center;
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 8% 100%, rgba(255, 216, 77, 0.25), transparent 40%),
		radial-gradient(circle at 100% 0%, rgba(255, 110, 150, 0.35), transparent 45%),
		linear-gradient(125deg, var(--wp--preset--color--casa) 0%, #5b2e86 55%, #8a2846 100%);
	color: #fff;
}

.djt-agp-hero p {
	margin: 0;
}

.djt-agp-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-agp-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(2.1rem, 5.6vw, 3.4rem);
	font-weight: 800;
	line-height: 1.02;
}

.djt-agp-apoio {
	margin-top: 0.8rem !important;
	max-width: 28rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.djt-agp-conta {
	margin-top: 1rem !important;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.88);
}

.djt-agp-conta strong {
	color: #ffd84d;
	font-size: 1.5rem;
	vertical-align: -0.1em;
}

.djt-agp-proximo {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	padding: 1.3rem 1.4rem;
	border-radius: 14px;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
	box-shadow: 0 18px 36px -18px rgba(0, 0, 0, 0.55);
	transition: transform 0.15s ease;
}

.djt-agp-proximo:hover,
.djt-agp-proximo:focus-visible {
	transform: translateY(-3px);
	color: var(--wp--preset--color--tinta);
}

.djt-agp-proximo-rotulo {
	color: var(--wp--preset--color--urgente);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.djt-agp-proximo-dia {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 0.92rem;
	line-height: 1.25;
	color: var(--wp--preset--color--tinta-2);
}

.djt-agp-proximo-dia strong {
	color: var(--wp--preset--color--casa);
	font-size: 3.4rem;
	font-weight: 800;
	line-height: 0.9;
}

.djt-agp-proximo-titulo {
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 1.25;
}

.djt-agp-proximo-onde {
	font-size: 0.86rem;
	color: var(--wp--preset--color--tinta-3);
}

/* ---- filtros ---- */

.djt-agp-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 1.2rem 0 0;
}

.djt-agp-chip {
	min-height: 42px;
	padding: 0 1.1rem;
	border: 1px solid var(--wp--preset--color--casa);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--casa);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	cursor: pointer;
}

.djt-agp-chip.djt-agp-ativo {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

/* ---- eventos ---- */

.djt-agp .djt-agp-mes {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 1.9rem 0 0.9rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.3rem;
	font-weight: 800;
}

.djt-agp-mes::after {
	content: "";
	flex: 1;
	height: 2px;
	background: var(--wp--preset--color--fio);
}

.djt-agp-mes[hidden],
.djt-agp-lista[hidden],
.djt-agp-ev[hidden] {
	display: none;
}

.djt-agp-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-agp-ev {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.2rem;
	margin-bottom: 0.9rem;
	padding: 1.2rem 1.3rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 22px -16px rgba(27, 26, 51, 0.4);
}

.djt-agp-dia {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: start;
	width: 4.8rem;
	padding: 0.6rem 0 0.7rem;
	border-radius: 12px;
	background: linear-gradient(160deg, var(--wp--preset--color--casa), #5b2e86);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.15;
}

.djt-agp-dia strong {
	font-size: 2.1rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.05;
}

.djt-agp-dia small {
	font-size: 0.66rem;
	opacity: 0.85;
}

.djt-agp-miolo {
	min-width: 0;
}

.djt-agp-miolo p {
	margin: 0;
}

.djt-agp-selos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 0.45rem !important;
}

.djt-agp-falta,
.djt-agp-gratis {
	padding: 0.15rem 0.65rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.djt-agp-falta {
	background: #fde8ec;
	color: var(--wp--preset--color--urgente);
}

.djt-agp-gratis {
	background: #dff5e7;
	color: #14713a;
}

.djt-agp-ev-titulo {
	color: var(--wp--preset--color--tinta);
	font-size: 1.22rem;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none;
}

.djt-agp-ev-titulo:hover,
.djt-agp-ev-titulo:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
}

.djt-agp-info {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 1.2rem;
	margin-top: 0.55rem !important;
	font-size: 0.9rem;
	color: var(--wp--preset--color--tinta-2);
}

.djt-agp-info span {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.djt-agp-info svg {
	flex: none;
	color: var(--wp--preset--color--casa);
}

.djt-agp-resumo {
	margin-top: 0.6rem !important;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.98rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-agp-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 0.9rem !important;
}

.djt-agp-acoes a {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 0.95rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
}

.djt-agp-acoes a:hover,
.djt-agp-acoes a:focus-visible {
	border-color: var(--wp--preset--color--casa);
	color: var(--wp--preset--color--casa);
}

.djt-agp-acoes .djt-agp-b1 {
	border-color: var(--wp--preset--color--casa);
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-agp-acoes .djt-agp-b1:hover,
.djt-agp-acoes .djt-agp-b1:focus-visible {
	background: var(--wp--preset--color--casa-2);
	color: #fff;
}

.djt-agp-nada {
	padding: 1rem 1.1rem;
	border-radius: 10px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.94rem;
}

.djt-agp-todos {
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--casa);
	font: inherit;
	font-weight: 800;
	text-decoration: underline;
	cursor: pointer;
}

.djt-agp-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin-top: 1.8rem;
	padding: 1.4rem 1.6rem;
	border-radius: 14px;
	background: var(--wp--preset--color--tinta);
	color: #fff;
}

.djt-agp-cta div {
	flex: 1 1 18rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	font-size: 0.94rem;
	line-height: 1.5;
}

.djt-agp-cta strong {
	font-size: 1.2rem;
}

.djt-agp-cta a {
	display: inline-flex;
	align-items: center;
	min-height: 50px;
	padding: 0 1.5rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 56rem) {
	.djt-agp-hero {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 30rem) {
	.djt-agp-ev {
		gap: 0.9rem;
		padding: 1rem;
	}

	.djt-agp-dia {
		width: 3.7rem;
	}

	.djt-agp-dia strong {
		font-size: 1.6rem;
	}

	.djt-agp-ev-titulo {
		font-size: 1.08rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-agp-proximo {
		transition: none;
	}
}

/* ============ capa: destaque da agenda e da enquete ============
 * Os dois blocos da faixa .djt-mais viram cartoes com cabecalho colorido:
 * a agenda nas cores da pagina /agenda/, a enquete em fundo escuro.
 */

.djt-mais {
	gap: 1.2rem;
	margin-top: 2rem;
	padding-top: 0;
	border-top: 0;
	/* Os dois cartoes terminam sempre na mesma altura, qualquer que seja a
	   largura da tela ou o numero de eventos. */
	align-items: stretch;
}

.djt-mais > .djt-mais-bloco {
	display: flex;
	flex-direction: column;
}

.djt-mais > .djt-mais-bloco:first-child .djt-ag {
	flex: 1;
}

.djt-mais .djt-enq {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.djt-mais .djt-enq-form {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.45rem;
}

.djt-mais .djt-enq-form .djt-enq-opcao {
	flex: 1;
	margin-bottom: 0;
}

.djt-mais .djt-ag-corpo,
.djt-mais .djt-enq-opcao > span {
	overflow-wrap: anywhere;
}

/* Em tela media a coluna principal fica estreita demais para dois cartoes
   lado a lado (o texto quebrava palavra por palavra): um embaixo do outro. */
@media (max-width: 76rem) {
	.djt-mais {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-mais .djt-enq-form .djt-enq-opcao {
		flex: none;
	}
}

/* Entre 62rem e 76rem a pagina ainda tem duas colunas e os cartoes estao
   empilhados: versao compacta, para a coluna principal nao passar da lateral. */
@media (min-width: 62.01rem) and (max-width: 76rem) {
	.djt-mais {
		gap: 0.9rem;
		margin-top: 1.5rem;
	}

	.djt-mais .djt-ag li:nth-child(n+3) {
		display: none;
	}

	.djt-mais .djt-ag li:nth-child(2) {
		border-bottom: 0;
	}

	.djt-mais .djt-enq-pergunta {
		margin: 0.3rem 0 0.7rem;
		font-size: 1.1rem;
	}

	.djt-mais .djt-enq-opcao {
		min-height: 38px;
		padding-block: 0.2rem;
		font-size: 0.88rem;
	}

	.djt-mais .djt-enq-form {
		gap: 0.3rem;
	}

	.djt-mais .djt-enq-nota {
		display: none;
	}

	.djt-mais .djt-enq-votar,
	.djt-mais .djt-enq-ver {
		min-height: 40px;
	}
}

.djt-mais > .djt-mais-bloco {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.06), 0 18px 36px -22px rgba(27, 26, 51, 0.55);
}

.djt-mais .djt-mais-bloco > .djt-titulo-secao {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	padding: 1rem 1.2rem;
	border: 0;
	color: #fff;
	font-size: 1.02rem;
	letter-spacing: 0.1em;
}

.djt-mais .djt-mais-bloco > .djt-titulo-secao::before {
	content: "";
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	background: currentcolor;
}

/* ---- agenda ---- */

.djt-mais > .djt-mais-bloco:first-child {
	border: 1px solid var(--wp--preset--color--fio);
	background: #fff;
}

.djt-mais > .djt-mais-bloco:first-child > .djt-titulo-secao {
	background:
		radial-gradient(circle at 100% 0%, rgba(255, 110, 150, 0.45), transparent 55%),
		linear-gradient(120deg, var(--wp--preset--color--casa) 0%, #5b2e86 60%, #8a2846 100%);
}

.djt-mais > .djt-mais-bloco:first-child > .djt-titulo-secao::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2Zm12 8H5v10h14V10Zm-9 2.5v5H7.5v-5H10Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2Zm12 8H5v10h14V10Zm-9 2.5v5H7.5v-5H10Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.djt-mais > .djt-mais-bloco:first-child .djt-ag {
	padding: 0.4rem 1.2rem 0;
}

.djt-mais .djt-ag li:last-child {
	border-bottom: 0;
}

.djt-mais .djt-ag-dia {
	width: 3.6rem;
	min-height: 3.6rem;
	border-radius: 10px;
	background: linear-gradient(160deg, var(--wp--preset--color--casa), #5b2e86);
}

.djt-mais .djt-ag-titulo {
	font-size: 1.02rem;
	font-weight: 800;
}

.djt-mais > .djt-mais-bloco:first-child .djt-jh-resumo-mais {
	margin: 0.3rem 1.2rem 1.2rem;
}

.djt-mais > .djt-mais-bloco:first-child .djt-jh-resumo-mais a,
.djt-mais > .djt-mais-bloco:first-child .djt-jh-vazio + .djt-jh-resumo-mais a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.92rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-mais > .djt-mais-bloco:first-child .djt-jh-resumo-mais a:hover,
.djt-mais > .djt-mais-bloco:first-child .djt-jh-resumo-mais a:focus-visible {
	background: var(--wp--preset--color--casa-2);
}

.djt-mais > .djt-mais-bloco:first-child .djt-jh-vazio {
	margin: 1rem 1.2rem;
}

/* ---- enquete ---- */

.djt-mais > .djt-mais-bloco:last-child {
	background:
		radial-gradient(circle at 0% 100%, rgba(255, 216, 77, 0.16), transparent 50%),
		linear-gradient(160deg, #14132a 0%, var(--wp--preset--color--tinta) 55%, #2a2960 100%);
	color: #fff;
}

.djt-mais > .djt-mais-bloco:last-child > .djt-titulo-secao {
	padding-bottom: 0.2rem;
	color: #ffd84d;
}

.djt-mais > .djt-mais-bloco:last-child > .djt-titulo-secao::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.djt-mais .djt-enq {
	padding: 0 1.2rem 1.2rem;
}

.djt-mais .djt-enq-pergunta {
	margin: 0.5rem 0 1rem;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.25;
}

.djt-mais .djt-enq-opcao {
	min-height: 48px;
	border: 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.96);
	color: var(--wp--preset--color--tinta);
	font-size: 0.95rem;
	font-weight: 700;
	transition: transform 0.12s ease;
}

.djt-mais .djt-enq-opcao:hover {
	transform: translateX(3px);
}

.djt-mais .djt-enq-opcao:has(input:checked) {
	outline: 3px solid #ffd84d;
}

.djt-mais .djt-enq-opcao .djt-enq-barra {
	background: #ffe89a;
}

.djt-mais .djt-enq-pct {
	color: var(--wp--preset--color--tinta);
}

.djt-mais .djt-enq-votar {
	flex: 1 1 auto;
	min-height: 48px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 1rem;
}

.djt-mais .djt-enq-ver {
	min-height: 48px;
	border-color: rgba(255, 255, 255, 0.6);
	color: #fff;
}

.djt-mais .djt-enq-info {
	color: #ffd84d;
	font-size: 0.86rem;
	font-weight: 700;
}

.djt-mais .djt-enq-nota {
	color: rgba(255, 255, 255, 0.65);
}

@media (prefers-reduced-motion: reduce) {
	.djt-mais .djt-enq-opcao {
		transition: none;
	}
}

/* ============ pagina "Combustivel em Jatai" ============ */

.is-layout-constrained > .djt-ptp {
	max-width: 70rem;
}

.djt-folha:has(.djt-ptp) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-ptp) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-ptp {
	--laranja: #d9621a;
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-ptp-hero {
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 95% 5%, rgba(255, 216, 77, 0.3), transparent 42%),
		linear-gradient(125deg, #1b1a33 0%, #4a2412 55%, #b3541e 100%);
	color: #fff;
}

.djt-ptp-hero p {
	margin: 0;
}

.djt-ptp-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-ptp-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(2rem, 5.4vw, 3.2rem);
	font-weight: 800;
	line-height: 1.03;
}

.djt-ptp-apoio {
	margin-top: 0.8rem !important;
	max-width: 40rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.djt-ptp-quando {
	margin-top: 0.6rem !important;
	font-size: 0.8rem;
	color: #ffd84d;
}

.djt-ptp-cartoes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0.9rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.djt-ptp-cartoes li {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 1.1rem 1.2rem 1.2rem;
	border-radius: 14px;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	box-shadow: 0 16px 32px -18px rgba(0, 0, 0, 0.6);
}

.djt-ptp-c-nome {
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--laranja);
}

.djt-ptp-c-rotulo {
	margin-top: 0.4rem;
	font-size: 0.72rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-cartoes strong {
	font-size: clamp(2rem, 5vw, 2.6rem);
	font-weight: 800;
	line-height: 1;
}

.djt-ptp-c-onde {
	font-size: 0.82rem;
	font-weight: 700;
	color: #14713a;
}

.djt-ptp-c-faixa {
	display: flex;
	gap: 1.1rem;
	margin-top: 0.7rem;
	padding-top: 0.7rem;
	border-top: 1px solid var(--wp--preset--color--fio);
	font-size: 0.8rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-c-faixa b {
	color: var(--wp--preset--color--tinta);
}

.djt-ptp-var {
	align-self: flex-start;
	margin-top: 0.6rem;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
}

.djt-ptp-sobe { background: #fde8ec; color: var(--wp--preset--color--urgente); }
.djt-ptp-cai { background: #dff5e7; color: #14713a; }
.djt-ptp-igual { background: var(--wp--preset--color--papel-fundo); color: var(--wp--preset--color--tinta-2); }

.djt-ptp-duas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 1.1rem;
}

.djt-ptp-caixa {
	padding: 1.3rem 1.4rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 22px -16px rgba(27, 26, 51, 0.4);
}

.djt-ptp h2 {
	margin: 0 0 0.8rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-ptp-caixa p {
	margin: 0;
}

.djt-ptp-rel {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	font-size: 0.9rem;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta-2);
}

.djt-ptp-rel strong {
	color: var(--laranja);
	font-size: 3rem;
	font-weight: 800;
	line-height: 1;
}

.djt-ptp-regua {
	position: relative;
	height: 0.8rem;
	margin: 1.6rem 0 1.7rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #1c8a4a 0%, #1c8a4a 50%, #c9334a 50%, #c9334a 100%);
}

.djt-ptp-regua i {
	position: absolute;
	top: -0.45rem;
	width: 0.5rem;
	height: 1.7rem;
	margin-left: -0.25rem;
	border: 2px solid #fff;
	border-radius: 4px;
	background: var(--wp--preset--color--tinta);
}

.djt-ptp-regua span {
	position: absolute;
	top: 1.1rem;
	transform: translateX(-50%);
	font-size: 0.7rem;
	font-weight: 800;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-veredito {
	padding: 0.6rem 0.9rem;
	border-radius: 8px;
	font-size: 0.95rem;
	font-weight: 800;
}

.djt-ptp-sim { background: #dff5e7; color: #14713a; }
.djt-ptp-nao { background: #fde8ec; color: var(--wp--preset--color--urgente); }

.djt-ptp-nota {
	margin-top: 0.7rem !important;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-tanque,
.djt-ptp-lista,
.djt-ptp-outros {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-ptp-tanque {
	margin-top: 0.9rem;
}

.djt-ptp-tanque li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0 1rem;
	padding: 0.65rem 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
	font-size: 0.92rem;
}

.djt-ptp-tanque li:last-child {
	border-bottom: 0;
}

.djt-ptp-tanque strong {
	color: var(--laranja);
	font-size: 1.3rem;
	font-weight: 800;
}

.djt-ptp-tanque small {
	grid-column: 1 / -1;
	font-size: 0.76rem;
	color: var(--wp--preset--color--tinta-3);
}

/* ---- ranking ---- */

.djt-ptp-filtros {
	margin-top: 2rem;
}

.djt-ptp-filtros h2 {
	font-size: 1.45rem;
	scroll-margin-top: 1rem;
}

.djt-ptp-abas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.djt-ptp-aba {
	min-height: 44px;
	padding: 0 1.2rem;
	border: 1px solid var(--laranja);
	border-radius: 999px;
	background: #fff;
	color: var(--laranja);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	cursor: pointer;
}

.djt-ptp-aba.djt-ptp-ativa {
	background: var(--laranja);
	color: #fff;
}

.djt-ptp-busca {
	display: block;
	margin-top: 0.9rem;
}

.djt-ptp-busca span {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-busca input {
	width: 100%;
	max-width: 34rem;
	box-sizing: border-box;
	min-height: 46px;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--wp--preset--color--tinta-3);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 0.95rem;
}

.djt-ptp-lista {
	margin-top: 1.1rem;
}

.djt-ptp-posto {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1.4fr) minmax(11rem, 1fr) minmax(0, 1.3fr) auto;
	gap: 0.8rem 1.2rem;
	align-items: center;
	margin-bottom: 0.6rem;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
}

.djt-ptp-posto[hidden] {
	display: none;
}

.djt-ptp-melhor {
	border-color: #1c8a4a;
	background: #f0f8f3;
	box-shadow: inset 4px 0 0 #1c8a4a;
}

.djt-ptp-sem {
	opacity: 0.6;
}

.djt-ptp-pos {
	display: grid;
	place-items: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: var(--wp--preset--color--papel-fundo);
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.9rem;
	font-weight: 800;
}

.djt-ptp-melhor .djt-ptp-pos {
	background: #1c8a4a;
	color: #fff;
}

.djt-ptp-quem {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	font-size: 0.8rem;
	line-height: 1.35;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-quem strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.02rem;
	font-weight: 800;
}

.djt-ptp-bandeira {
	font-size: 0.72rem;
}

.djt-ptp-preco {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.djt-ptp-preco strong {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.djt-ptp-melhor .djt-ptp-preco strong {
	color: #14713a;
}

.djt-ptp-trilho {
	display: block;
	height: 0.4rem;
	border-radius: 999px;
	background: var(--wp--preset--color--papel-fundo);
	overflow: hidden;
}

.djt-ptp-trilho i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #1c8a4a, #e0a514 60%, #c9334a);
	background-size: 100vw 100%;
	transition: width 0.3s ease;
}

.djt-ptp-preco small {
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-outros {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.4rem;
}

.djt-ptp-outros li {
	display: inline-flex;
	gap: 0.35rem;
	padding: 0.2rem 0.55rem;
	border-radius: 6px;
	background: var(--wp--preset--color--papel-alt);
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ptp-outros li[hidden] {
	display: none;
}

.djt-ptp-outros b {
	color: var(--wp--preset--color--tinta);
}

.djt-ptp-mapa {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 0.9rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.djt-ptp-mapa:hover,
.djt-ptp-mapa:focus-visible {
	border-color: var(--laranja);
	color: var(--laranja);
}

.djt-ptp-nada {
	padding: 1rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
}

.djt-ptp-fonte {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin-top: 1.6rem;
	padding: 1.3rem 1.5rem;
	border-radius: 14px;
	background: var(--wp--preset--color--tinta);
	color: rgba(255, 255, 255, 0.88);
}

.djt-ptp-fonte p {
	flex: 1 1 22rem;
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
}

.djt-ptp-fonte p a {
	color: #ffd84d;
}

.djt-ptp-fonte > a {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 1.4rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 62rem) {
	.djt-ptp-posto {
		grid-template-columns: 3rem minmax(0, 1fr) auto;
	}

	.djt-ptp-outros {
		grid-column: 1 / 3;
	}

	.djt-ptp-mapa {
		grid-column: 3;
		justify-self: end;
	}
}

@media (max-width: 40rem) {
	.djt-ptp-duas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-ptp-posto {
		grid-template-columns: 2.6rem minmax(0, 1fr);
		padding: 0.9rem;
	}

	.djt-ptp-preco,
	.djt-ptp-outros,
	.djt-ptp-mapa {
		grid-column: 1 / -1;
	}

	.djt-ptp-mapa {
		justify-self: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-ptp-trilho i {
		transition: none;
	}
}

/* ============ pagina "Enviar nota de falecimento" ============ */

.is-layout-constrained > .djt-flp {
	max-width: 66rem;
}

.djt-folha:has(.djt-flp) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-flp) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-flp {
	--ouro: #c9a96a;
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-flp-hero {
	position: relative;
	padding: clamp(1.8rem, 5vw, 3rem) clamp(1.3rem, 4vw, 2.6rem);
	border-radius: 18px;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(201, 169, 106, 0.24), transparent 60%),
		linear-gradient(180deg, #14132a 0%, #23224a 100%);
	color: #fff;
	text-align: center;
}

.djt-flp-hero::after {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(201, 169, 106, 0.4);
	border-radius: 12px;
	pointer-events: none;
}

.djt-flp-hero p {
	margin: 0;
}

.djt-flp-hero .djt-mem-ramos {
	margin-bottom: 0.7rem;
}

.djt-flp-selo {
	color: var(--ouro);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.32em;
	text-transform: uppercase;
}

.djt-flp-titulo {
	margin-top: 0.7rem !important;
	font-family: var(--wp--preset--font-family--texto);
	font-size: clamp(1.9rem, 5.4vw, 3rem);
	font-weight: 600;
	line-height: 1.1;
}

.djt-flp-apoio {
	max-width: 38rem;
	margin: 0.9rem auto 0 !important;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.88);
}

.djt-flp-apoio strong {
	color: var(--ouro);
}

.djt-flp-exemplo {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 1.2rem;
	padding: 0 1.3rem;
	border: 1px solid var(--ouro);
	border-radius: 999px;
	color: var(--ouro);
	font-size: 0.9rem;
	font-weight: 700;
	text-decoration: none;
}

.djt-flp-exemplo:hover,
.djt-flp-exemplo:focus-visible {
	background: var(--ouro);
	color: #14132a;
}

.djt-flp-aviso {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-top: 1.1rem;
	padding: 1.1rem 1.3rem;
	border-radius: 12px;
	font-size: 0.95rem;
	line-height: 1.5;
}

.djt-flp-aviso strong {
	font-size: 1.1rem;
}

.djt-flp-passos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9rem;
	margin: 1.1rem 0 0;
	padding: 0;
	list-style: none;
}

.djt-flp-passos li {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-2);
}

.djt-flp-passos span,
.djt-flp-form legend span {
	display: grid;
	place-items: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: #23224a;
	color: var(--ouro);
	font-size: 0.9rem;
	font-weight: 800;
}

.djt-flp-passos strong {
	margin-top: 0.3rem;
	color: var(--wp--preset--color--tinta);
	font-size: 1rem;
}

.djt-flp-duas {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: 1.4rem;
	align-items: start;
	margin-top: 1.4rem;
}

/* ---- formulario ---- */

.djt-flp-form {
	padding: clamp(1.1rem, 3vw, 1.8rem);
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.05), 0 18px 40px -26px rgba(27, 26, 51, 0.5);
}

.djt-flp-form fieldset {
	margin: 0 0 1.5rem;
	padding: 0 0 1.4rem;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-flp-form fieldset:last-of-type {
	margin-bottom: 1rem;
	padding-bottom: 0;
	border-bottom: 0;
}

.djt-flp-form legend {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 0.9rem;
	padding: 0;
	font-size: 1.12rem;
	font-weight: 800;
}

.djt-flp-form p {
	margin: 0 0 0.9rem;
}

.djt-flp-form label {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-2);
}

.djt-flp-form label small {
	margin-left: 0.3rem;
	font-size: 0.72rem;
	font-weight: 400;
	color: var(--wp--preset--color--tinta-3);
}

.djt-flp-form label span {
	color: var(--wp--preset--color--urgente);
}

.djt-flp-form input[type="text"],
.djt-flp-form input[type="number"],
.djt-flp-form input[type="date"],
.djt-flp-form input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	min-height: 48px;
	padding: 0.55rem 0.85rem;
	border: 1.5px solid var(--wp--preset--color--fio);
	border-radius: 10px;
	background: var(--wp--preset--color--papel-alt);
	font: inherit;
	font-size: 1rem;
	color: var(--wp--preset--color--tinta);
	transition: border-color 0.15s ease, background 0.15s ease;
}

.djt-flp-form input::placeholder {
	color: var(--wp--preset--color--tinta-3);
	opacity: 0.75;
}

.djt-flp-form input:focus-visible {
	outline: 0;
	border-color: #23224a;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(201, 169, 106, 0.35);
}

.djt-flp-linha {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 0.9rem;
	align-items: end;
}

.djt-flp-linha-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.djt-flp-foto {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 0.9rem;
	border: 1.5px dashed var(--ouro);
	border-radius: 12px;
	background: #fbf8f1;
}

.djt-flp-foto-previa,
.djt-flp-previa-foto {
	flex: none;
	display: grid;
	place-items: center;
	border: 2px solid var(--ouro);
	border-radius: 50%;
	overflow: hidden;
	background: #23224a;
}

.djt-flp-foto-previa {
	width: 76px;
	height: 76px;
}

.djt-flp-foto-previa svg {
	width: 26px;
	height: auto;
}

.djt-flp-foto-previa img,
.djt-flp-previa-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 25%;
}

.djt-flp-foto-texto {
	min-width: 0;
}

.djt-flp-foto-texto input {
	max-width: 100%;
	font: inherit;
	font-size: 0.88rem;
}

.djt-flp-foto-texto small {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta-3);
}

.djt-flp-termo {
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

.djt-flp-botao {
	width: 100%;
	min-height: 56px;
	border: 0;
	border-radius: 999px;
	background: #23224a;
	color: #fff;
	font: inherit;
	font-size: 1.08rem;
	font-weight: 800;
	cursor: pointer;
	transition: background 0.15s ease;
}

.djt-flp-botao:hover,
.djt-flp-botao:focus-visible {
	background: #14132a;
}

.djt-flp-botao:disabled {
	opacity: 0.6;
	cursor: wait;
}

/* ---- lateral ---- */

.djt-flp-lado {
	position: sticky;
	top: 1rem;
}

.djt-flp-previa-rotulo {
	margin: 0 0 0.5rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-flp-previa-cartao {
	padding: 1.6rem 1.2rem 1.7rem;
	border-radius: 16px;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(201, 169, 106, 0.22), transparent 58%),
		linear-gradient(180deg, #14132a 0%, #23224a 100%);
	color: #fff;
	text-align: center;
	box-shadow: 0 18px 36px -22px rgba(27, 26, 51, 0.7);
}

.djt-flp-previa-cartao .djt-mem-ramos {
	width: 150px;
}

.djt-flp-previa-cartao .djt-mem-sobre {
	margin-bottom: 0.9rem;
	font-size: 0.64rem;
}

.djt-flp-previa-foto {
	width: 104px;
	height: 104px;
	margin: 0 auto 0.9rem;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 6px rgba(201, 169, 106, 0.12);
}

.djt-flp-previa-foto svg {
	width: 36px;
	height: auto;
}

.djt-flp-previa-nome {
	margin: 0;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.djt-flp-previa-frase {
	min-height: 1.3em;
	margin: 0.5rem 0 0;
	font-size: 0.84rem;
	color: rgba(255, 255, 255, 0.82);
}

.djt-flp-garantias {
	margin: 1.1rem 0 0;
	padding: 0;
	list-style: none;
}

.djt-flp-garantias li {
	position: relative;
	padding: 0 0 0.8rem 1.7rem;
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-2);
}

.djt-flp-garantias li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #23224a;
	color: var(--ouro);
	font-size: 0.72rem;
	font-weight: 800;
}

.djt-flp-garantias strong {
	display: block;
	color: var(--wp--preset--color--tinta);
}

.djt-flp-ajuda {
	margin: 0.4rem 0 0;
	padding-top: 0.9rem;
	border-top: 1px solid var(--wp--preset--color--fio);
	font-size: 0.86rem;
}

@media (max-width: 56rem) {
	.djt-flp-duas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-flp-lado {
		position: static;
	}
}

@media (max-width: 40rem) {
	.djt-flp-passos {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-flp-linha,
	.djt-flp-linha-2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-flp-foto {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-flp-form input,
	.djt-flp-botao {
		transition: none;
	}
}

/* ============ botao "Ver na pagina do jornal (A4)" dos editais ============ */

.djt-edital-acoes {
	margin: 0.9rem 0 0 !important;
	padding-top: 0.8rem;
	border-top: 1px dashed var(--wp--preset--color--fio);
	text-align: left !important;
	text-transform: none !important;
}

.djt-edital-a4 {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 40px;
	padding: 0 1rem;
	border: 1px solid var(--wp--preset--color--casa-2);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--casa-2);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
}

.djt-edital-a4:hover,
.djt-edital-a4:focus-visible {
	background: var(--wp--preset--color--casa-2);
	color: #fff;
}

/* Na grade, o botao fica sempre no pe do cartao. */
.djt-pub-grade > li > .djt-edital-texto {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.djt-pub-grade > li > .djt-edital-texto > .djt-edital-acoes {
	margin-top: auto !important;
}

/* ============ pagina "Editais e Publicacoes Oficiais" (diversas) ============ */

.djt-folha-pubd {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-pubd {
	max-width: 70rem;
	margin-inline: auto;
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-pubd-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 1.5rem 2.2rem;
	align-items: center;
	padding: clamp(1.5rem, 4vw, 2.8rem);
	border-radius: 16px;
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 14px),
		radial-gradient(circle at 100% 0%, rgba(201, 169, 106, 0.28), transparent 45%),
		linear-gradient(125deg, #14132a 0%, var(--wp--preset--color--tinta) 45%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
}

.djt-pubd-hero p {
	margin: 0;
}

.djt-pubd-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border: 1px solid #c9a96a;
	border-radius: 999px;
	color: #e3c98f;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.djt-pubd .djt-pubd-titulo {
	margin: 0.9rem 0 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-family: var(--wp--preset--font-family--texto);
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 600;
	line-height: 1.08;
}

.djt-pubd-apoio {
	margin-top: 0.8rem !important;
	max-width: 36rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
}

.djt-pubd-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.3rem !important;
}

.djt-pubd-b1,
.djt-pubd-b2 {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 1.3rem;
	border-radius: 999px;
	font-size: 0.92rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-pubd-b1 {
	background: #c9a96a;
	color: #14132a;
}

.djt-pubd-b1:hover,
.djt-pubd-b1:focus-visible {
	background: #e3c98f;
	color: #14132a;
}

.djt-pubd-hero .djt-pubd-b2 {
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}

.djt-pubd-hero .djt-pubd-b2:hover,
.djt-pubd-hero .djt-pubd-b2:focus-visible {
	background: rgba(255, 255, 255, 0.14);
}

.djt-pubd-nums {
	display: grid;
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-pubd-nums li {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding: 0.85rem 1.1rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	font-size: 0.84rem;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.85);
}

.djt-pubd-nums strong {
	flex: none;
	min-width: 5.2rem;
	color: #e3c98f;
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1;
}

/* ---- filtros ---- */

.djt-pubd-filtros {
	margin-top: 1.3rem;
}

.djt-pubd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.djt-pubd-chip {
	--cor: var(--wp--preset--color--tinta);
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 42px;
	padding: 0 1rem;
	border: 1px solid var(--cor);
	border-radius: 999px;
	background: #fff;
	color: var(--cor);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	cursor: pointer;
}

.djt-pubd-chip b {
	display: inline-grid;
	place-items: center;
	min-width: 1.4rem;
	height: 1.4rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-size: 0.72rem;
}

.djt-pubd-chip.djt-pubd-ativo {
	background: var(--cor);
	color: #fff;
}

.djt-pubd-chip.djt-pubd-ativo b {
	background: #fff;
	color: var(--cor);
}

.djt-pubd .djt-pubd-t-convocacao { --cor: #452a72; }
.djt-pubd .djt-pubd-t-notificacao { --cor: #8a2846; }
.djt-pubd .djt-pubd-t-ata { --cor: #1f5d4c; }
.djt-pubd .djt-pubd-t-outras { --cor: #45446b; }

.djt-pubd-busca {
	display: block;
	margin-top: 0.9rem;
}

.djt-pubd-busca span {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-3);
}

.djt-pubd-busca input {
	width: 100%;
	max-width: 34rem;
	box-sizing: border-box;
	min-height: 46px;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--wp--preset--color--tinta-3);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 0.95rem;
}

/* ---- lista ---- */

.djt-pubd .djt-pubd-ano {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 1.8rem 0 0.9rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.35rem;
	font-weight: 800;
}

.djt-pubd-ano::after {
	content: "";
	flex: 1;
	height: 2px;
	background: var(--wp--preset--color--fio);
}

.djt-pubd-ano[hidden],
.djt-pubd-lista[hidden],
.djt-pubd-item[hidden] {
	display: none;
}

.djt-pubd-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-pubd-item {
	--cor: var(--wp--preset--color--tinta-2);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 1rem 1.3rem;
	align-items: center;
	margin-bottom: 0.8rem;
	padding: 1.1rem 1.3rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-left: 5px solid var(--cor);
	border-radius: 12px;
	background: #fffdf8;
	box-shadow: 0 8px 22px -18px rgba(27, 26, 51, 0.45);
}

.djt-pubd-dia {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: start;
	width: 3.7rem;
	min-height: 3.7rem;
	border-radius: 10px;
	background: var(--cor);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.1;
}

.djt-pubd-dia strong {
	font-size: 1.55rem;
	letter-spacing: 0;
}

.djt-pubd-miolo {
	min-width: 0;
}

.djt-pubd-miolo p {
	margin: 0;
}

.djt-pubd-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.8rem;
	font-size: 0.76rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-pubd-tag {
	padding: 0.15rem 0.65rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.djt-pubd-item h3 {
	margin: 0.45rem 0 0.35rem;
	font-size: 1.06rem;
	font-weight: 800;
	line-height: 1.3;
	text-transform: none;
}

.djt-pubd-item h3 a {
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-pubd-item h3 a:hover,
.djt-pubd-item h3 a:focus-visible {
	color: var(--cor);
	text-decoration: underline;
}

.djt-pubd-resumo {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.94rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

.djt-pubd-botoes {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	margin: 0;
}

.djt-pubd-botoes a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 1.1rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

.djt-pubd-ler {
	background: var(--cor);
	color: #fff;
}

.djt-pubd-ler:hover,
.djt-pubd-ler:focus-visible {
	filter: brightness(1.2);
	color: #fff;
}

.djt-pubd-a4 {
	border: 1px solid var(--cor);
	color: var(--cor);
}

.djt-pubd-a4:hover,
.djt-pubd-a4:focus-visible {
	background: var(--cor);
	color: #fff;
}

.djt-pubd-nada {
	padding: 1rem;
	border-radius: 8px;
	background: var(--wp--preset--color--papel-alt);
}

/* ---- como publicar ---- */

.djt-pubd-fim {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
	margin-top: 1.8rem;
}

.djt-pubd-fim section {
	padding: 1.4rem 1.5rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
}

.djt-pubd-fim section:first-child {
	border: 0;
	background: var(--wp--preset--color--tinta);
	color: rgba(255, 255, 255, 0.9);
}

.djt-pubd-fim h2 {
	margin: 0 0 0.8rem;
	padding: 0;
	border: 0;
	color: inherit;
	font-size: 1.2rem;
	font-weight: 800;
}

.djt-pubd-fim section:first-child h2 {
	color: #fff;
}

.djt-pubd-fim ol {
	margin: 0 0 1rem;
	padding-left: 1.2rem;
	font-size: 0.92rem;
	line-height: 1.6;
}

.djt-pubd-fim p {
	margin: 0 0 1rem;
	font-size: 0.92rem;
	line-height: 1.55;
}

.djt-pubd-fim p:last-child {
	margin: 0;
}

.djt-pubd-fim .djt-pubd-b2 {
	border: 1px solid var(--wp--preset--color--casa-2);
	color: var(--wp--preset--color--casa-2);
}

.djt-pubd-fim .djt-pubd-b2:hover,
.djt-pubd-fim .djt-pubd-b2:focus-visible {
	background: var(--wp--preset--color--casa-2);
	color: #fff;
}

@media (max-width: 56rem) {
	.djt-pubd-hero,
	.djt-pubd-fim {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-pubd-item {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.djt-pubd-botoes {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

/* ---- pagina "Publicacoes e Editais" (licencas ambientais): variante verde ---- */

.djt-pubd-amb .djt-pubd-hero {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 14px),
		radial-gradient(circle at 100% 0%, rgba(201, 169, 106, 0.28), transparent 45%),
		linear-gradient(125deg, #10231c 0%, #17382d 45%, #1f5d4c 100%);
}

.djt-pubd .djt-pubd-t-requerida { --cor: #0f6f8a; }
.djt-pubd .djt-pubd-t-recebida { --cor: #1c7a44; }

.djt-pubd-integra {
	margin-top: 0.6rem;
}

.djt-pubd-integra summary {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	color: var(--cor);
	font-size: 0.82rem;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.djt-pubd-integra summary::-webkit-details-marker {
	display: none;
}

.djt-pubd-integra summary::after {
	content: "▾";
	margin-left: 0.35rem;
}

.djt-pubd-integra[open] summary::after {
	content: "▴";
}

.djt-pubd-integra .djt-edital-texto {
	margin-top: 0.6rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 8px;
	background: #fff;
}

.djt-pubd-integra[open] + * {
	margin-top: 0;
}

.djt-pubd-amb .djt-pubd-item {
	align-items: start;
}

.djt-pubd-amb .djt-pubd-item h3 {
	font-size: 1rem;
}

/* ============ pagina "Edicao impressa" (edicoes mensais) ============ */

.is-layout-constrained > .djt-edm {
	max-width: 66rem;
}

.djt-folha:has(.djt-edm) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-edm) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-edm {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-edm-hero {
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 9px),
		radial-gradient(circle at 100% 0%, rgba(255, 216, 77, 0.22), transparent 45%),
		linear-gradient(125deg, #14132a 0%, var(--wp--preset--color--tinta) 50%, #3a3960 100%);
	color: #fff;
}

.djt-edm-hero p {
	margin: 0;
}

.djt-edm-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-edm-titulo {
	margin-top: 0.9rem !important;
	font-family: var(--wp--preset--font-family--texto);
	font-size: clamp(1.9rem, 5vw, 3rem);
	font-weight: 600;
	line-height: 1.08;
}

.djt-edm-apoio {
	margin-top: 0.8rem !important;
	max-width: 44rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
}

.djt-edm-ed {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.djt-edm-capa {
	display: block;
	aspect-ratio: 210 / 297;
	border: 1px solid var(--wp--preset--color--fio);
	background: #fdfcf7;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.08), 0 20px 40px -24px rgba(27, 26, 51, 0.6);
	overflow: hidden;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.djt-edm-capa:hover,
.djt-edm-capa:focus-visible {
	transform: translateY(-4px) rotate(-0.6deg);
}

.djt-edm-capa img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.djt-edm-sem-capa {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 100%;
	padding: 1rem;
	border: 6px double var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--tinta);
	text-align: center;
}

.djt-edm-sem-capa b {
	font-size: 1.3rem;
	font-weight: 800;
	text-transform: uppercase;
}

.djt-edm-sem-capa i {
	font-family: var(--wp--preset--font-family--texto);
}

.djt-edm-info h2 {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-edm-info p {
	margin: 0;
}

.djt-edm-numeros {
	margin-top: 0.25rem !important;
	font-size: 0.8rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-edm-botoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 0.7rem !important;
}

.djt-edm-b1,
.djt-edm-b2 {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 40px;
	padding: 0 1rem;
	border-radius: 999px;
	font-size: 0.84rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-edm-b1 {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-edm-b1:hover,
.djt-edm-b1:focus-visible {
	background: var(--wp--preset--color--casa-2);
	color: #fff;
}

.djt-edm-b1 small {
	font-weight: 400;
	opacity: 0.85;
}

.djt-edm-b2 {
	border: 1px solid var(--wp--preset--color--casa);
	color: var(--wp--preset--color--casa);
}

.djt-edm-b2:hover,
.djt-edm-b2:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-edm-nota {
	margin-top: 0.5rem !important;
	font-size: 0.76rem;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta-3);
}

/* edicao mais recente: capa grande ao lado do texto */
.djt-edm-grande {
	display: grid;
	grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
	gap: 1.6rem 2.2rem;
	align-items: center;
	margin-top: 1.4rem;
	padding: clamp(1.2rem, 3vw, 2rem);
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 40px -28px rgba(27, 26, 51, 0.55);
}

.djt-edm-rotulo {
	margin-bottom: 0.4rem !important;
	color: var(--wp--preset--color--urgente);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-edm-grande .djt-edm-info h2 {
	font-family: var(--wp--preset--font-family--texto);
	font-size: clamp(1.8rem, 4.6vw, 2.6rem);
	font-weight: 600;
}

.djt-edm-grande .djt-edm-numeros {
	margin-top: 0.5rem !important;
	font-size: 0.95rem;
}

.djt-edm-grande .djt-edm-botoes {
	margin-top: 1.2rem !important;
}

.djt-edm-grande .djt-edm-b1,
.djt-edm-grande .djt-edm-b2 {
	min-height: 50px;
	padding: 0 1.5rem;
	font-size: 1rem;
}

.djt-edm-aberta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem 1.5rem;
	margin-top: 1.1rem;
	padding: 1.1rem 1.4rem;
	border-radius: 12px;
	background: #fff6dc;
}

.djt-edm-aberta div {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	font-size: 0.9rem;
}

.djt-edm-aberta strong {
	font-size: 1.05rem;
}

.djt-edm-aberta a {
	font-weight: 800;
	color: var(--wp--preset--color--casa);
}

.djt-edm .djt-edm-h2 {
	margin: 2rem 0 1rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.4rem;
	font-weight: 800;
}

.djt-edm-grade {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
	gap: 1.8rem 1.4rem;
}

.djt-edm-regra {
	margin: 2rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--fio);
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

@media (max-width: 40rem) {
	.djt-edm-grande {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-edm-grande .djt-edm-capa {
		max-width: 15rem;
		margin-inline: auto;
	}

	.djt-edm-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-edm-capa {
		transition: none;
	}
}

/* ---- edicao impressa: edicao do dia ---- */

.djt-edm .djt-edm-h2-topo {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin-top: 1.8rem;
}

.djt-edm-h2-topo::after {
	content: "";
	flex: 1;
	height: 2px;
	background: var(--wp--preset--color--fio);
}

.djt-edm-h2-topo + .djt-edm-grande {
	margin-top: 0;
}

.djt-edm-apoio strong {
	color: #ffd84d;
}

.djt-edd-dias h3 {
	margin: 1.4rem 0 0.7rem;
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.djt-edd-dias ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-edd-dias a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 3.7rem;
	min-height: 4.2rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 10px;
	background: #fff;
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.15;
}

.djt-edd-dias a strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.35rem;
	letter-spacing: 0;
}

.djt-edd-dias a small {
	margin-top: 0.15rem;
	font-size: 0.58rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-edd-dias a.djt-edd-pdf {
	border-color: var(--wp--preset--color--casa);
}

.djt-edd-dias a.djt-edd-pdf small {
	color: var(--wp--preset--color--casa);
	font-weight: 800;
}

.djt-edd-dias a:hover,
.djt-edd-dias a:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-edd-dias a:hover strong,
.djt-edd-dias a:hover small,
.djt-edd-dias a:focus-visible strong,
.djt-edd-dias a:focus-visible small {
	color: #fff;
}

/* ============ pagina "Contato" ============ */

.is-layout-constrained > .djt-ctp {
	max-width: 66rem;
}

.djt-folha:has(.djt-ctp) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-ctp) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-ctp {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-ctp-hero {
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 95% 10%, rgba(255, 216, 77, 0.26), transparent 42%),
		linear-gradient(125deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 60%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
}

.djt-ctp-hero p {
	margin: 0;
}

.djt-ctp-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-ctp-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(2rem, 5.4vw, 3.2rem);
	font-weight: 800;
	line-height: 1.04;
}

.djt-ctp-apoio {
	margin-top: 0.8rem !important;
	max-width: 42rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.djt-ctp-duas {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: 1.4rem;
	align-items: start;
	margin-top: 1.3rem;
}

.djt-ctp h2 {
	margin: 0 0 0.9rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-ctp-form {
	padding: clamp(1.1rem, 3vw, 1.8rem);
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.05), 0 18px 40px -26px rgba(27, 26, 51, 0.5);
	scroll-margin-top: 1rem;
}

.djt-ctp-dica {
	margin: 0 0 0.5rem;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-2);
}

.djt-ctp-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1.3rem;
}

.djt-ctp-chip {
	min-height: 40px;
	padding: 0 0.95rem;
	border: 1px solid var(--wp--preset--color--casa);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--casa);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
}

.djt-ctp-chip:hover,
.djt-ctp-chip:focus-visible,
.djt-ctp-chip.djt-ctp-ativo {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

/* formulario (Contact Form 7) */
.djt-ctp .wpcf7 {
	max-width: none;
}

.djt-ctp .wpcf7 .djt-campo {
	margin: 0 0 1rem;
}

/* o Contact Form 7 poe uma quebra de linha depois do rotulo */
.djt-ctp .wpcf7 .djt-campo br {
	display: none;
}

.djt-ctp .wpcf7 .djt-campo label {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--wp--preset--color--tinta-2);
}

.djt-ctp .wpcf7 input[type="text"],
.djt-ctp .wpcf7 input[type="email"],
.djt-ctp .wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	min-height: 48px;
	padding: 0.6rem 0.85rem;
	border: 1.5px solid var(--wp--preset--color--fio);
	border-radius: 10px;
	background: var(--wp--preset--color--papel-alt);
	font: inherit;
	font-size: 1rem;
	color: var(--wp--preset--color--tinta);
	transition: border-color 0.15s ease, background 0.15s ease;
}

.djt-ctp .wpcf7 textarea {
	min-height: 11rem;
	line-height: 1.5;
	resize: vertical;
}

.djt-ctp .wpcf7 input[type="text"]:focus,
.djt-ctp .wpcf7 input[type="email"]:focus,
.djt-ctp .wpcf7 textarea:focus {
	outline: 0;
	border-color: var(--wp--preset--color--casa);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(46, 48, 139, 0.18);
}

.djt-ctp .wpcf7 .djt-envio {
	margin: 0.4rem 0 0;
}

.djt-ctp .wpcf7 input[type="submit"] {
	width: 100%;
	min-height: 54px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font: inherit;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
}

.djt-ctp .wpcf7 input[type="submit"]:hover,
.djt-ctp .wpcf7 input[type="submit"]:focus-visible {
	background: var(--wp--preset--color--casa-2);
}

.djt-ctp .wpcf7 .wpcf7-not-valid-tip {
	margin-top: 0.3rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--wp--preset--color--urgente);
}

.djt-ctp .wpcf7 form .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: 0.9rem 1.1rem;
	border: 0;
	border-radius: 10px;
	font-weight: 700;
}

.djt-ctp .wpcf7 form.sent .wpcf7-response-output {
	background: #dff5e7;
	color: #14532d;
}

.djt-ctp .wpcf7 form.invalid .wpcf7-response-output,
.djt-ctp .wpcf7 form.failed .wpcf7-response-output,
.djt-ctp .wpcf7 form.aborted .wpcf7-response-output,
.djt-ctp .wpcf7 form.spam .wpcf7-response-output {
	background: #fde8ec;
	color: var(--wp--preset--color--urgente);
}

.djt-ctp-nota {
	margin: 0.9rem 0 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

/* canais */
.djt-ctp-canal {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	margin-bottom: 0.7rem;
	padding: 1rem 1.1rem;
	border-radius: 14px;
	color: #fff;
	text-decoration: none;
	transition: filter 0.15s ease;
}

.djt-ctp-canal:hover,
.djt-ctp-canal:focus-visible {
	filter: brightness(1.1);
	color: #fff;
}

.djt-ctp-canal svg {
	flex: none;
	width: 2rem;
	height: 2rem;
}

.djt-ctp-canal span {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
	font-size: 1.02rem;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.djt-ctp-canal strong {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.9;
}

.djt-ctp-canal i {
	font-style: normal;
}

.djt-ctp-canal small {
	font-size: 0.78rem;
	font-weight: 400;
	opacity: 0.9;
}

.djt-ctp-whats { background: #128c4a; }
.djt-ctp-email { background: var(--wp--preset--color--tinta); }

.djt-ctp-lado h2 {
	margin: 1.4rem 0 0.6rem;
	font-size: 1.05rem;
}

.djt-ctp-atalhos {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
}

.djt-ctp-atalhos li + li {
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-ctp-atalhos a {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	padding: 0.75rem 2.2rem 0.75rem 1.1rem;
	color: var(--wp--preset--color--tinta);
	font-size: 0.8rem;
	text-decoration: none;
}

.djt-ctp-atalhos a::after {
	content: "→";
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--wp--preset--color--casa);
	font-weight: 800;
}

.djt-ctp-atalhos strong {
	font-size: 0.94rem;
}

.djt-ctp-atalhos span {
	color: var(--wp--preset--color--tinta-3);
}

.djt-ctp-atalhos a:hover,
.djt-ctp-atalhos a:focus-visible {
	background: var(--wp--preset--color--papel-alt);
}

.djt-ctp-onde {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 1.1rem 0 0;
	font-size: 0.84rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-ctp-onde strong {
	color: var(--wp--preset--color--tinta);
	font-size: 0.95rem;
}

@media (max-width: 56rem) {
	.djt-ctp-duas {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-ctp-canal,
	.djt-ctp .wpcf7 input,
	.djt-ctp .wpcf7 textarea {
		transition: none;
	}
}

/* ============ pagina "Politica de Privacidade" ============ */

.is-layout-constrained > .djt-pvc {
	max-width: 66rem;
}

.djt-folha:has(.djt-pvc) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-folha:has(.djt-pvc) {
	padding-top: 1.4rem;
	padding-bottom: 2rem;
}

.djt-pvc {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-pvc-hero {
	padding: clamp(1.5rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 95% 10%, rgba(255, 216, 77, 0.26), transparent 42%),
		linear-gradient(125deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 60%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
}

.djt-pvc-hero p {
	margin: 0;
}

.djt-pvc-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-pvc-titulo {
	margin-top: 0.9rem !important;
	font-size: clamp(2rem, 5.4vw, 3.2rem);
	font-weight: 800;
	line-height: 1.04;
}

.djt-pvc-apoio {
	margin-top: 0.8rem !important;
	max-width: 42rem;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
}

.djt-pvc-data {
	margin-top: 1rem !important;
	font-size: 0.8rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.75);
}

.djt-pvc-duas {
	display: grid;
	grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
	gap: 1.6rem;
	align-items: start;
	margin-top: 1.3rem;
}

.djt-pvc-sumario {
	position: sticky;
	top: 1rem;
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 14px;
	background: var(--wp--preset--color--papel-alt);
}

.djt-pvc-rotulo {
	margin: 0 0 0.6rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-pvc-sumario ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: pvc;
}

.djt-pvc-sumario li {
	counter-increment: pvc;
}

.djt-pvc-sumario a {
	display: flex;
	gap: 0.6rem;
	padding: 0.42rem 0;
	color: var(--wp--preset--color--tinta);
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

.djt-pvc-sumario a::before {
	content: counter(pvc);
	flex: none;
	width: 1.3rem;
	color: var(--wp--preset--color--casa);
	font-weight: 800;
}

.djt-pvc-sumario a:hover,
.djt-pvc-sumario a:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
}

.djt-pvc-secao {
	padding: 1.3rem 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
	scroll-margin-top: 1rem;
}

.djt-pvc-secao:first-of-type {
	padding-top: 0.2rem;
}

.djt-pvc .djt-pvc-secao h2 {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	margin: 0 0 0.7rem;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--tinta);
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.2;
}

.djt-pvc-secao h2 span {
	flex: none;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.9rem;
}

.djt-pvc-texto p {
	margin: 0 0 0.8rem;
	max-width: 44rem;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--wp--preset--color--tinta-2);
	overflow-wrap: anywhere;
}

.djt-pvc-secao p:last-child {
	margin-bottom: 0;
}

.djt-pvc-texto p a {
	color: var(--wp--preset--color--casa);
}

.djt-pvc-fale {
	margin-top: 1.6rem;
	padding: 1.3rem 1.4rem;
	border-radius: 14px;
	background: var(--wp--preset--color--tinta);
	color: #fff;
}

.djt-pvc-fale p {
	margin: 0 0 0.9rem;
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.95rem;
}

.djt-pvc-fale .djt-pvc-fale-titulo {
	margin-bottom: 0.3rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
}

.djt-pvc-botao {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 46px;
	padding: 0 1.4rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-weight: 800;
	text-decoration: none;
}

.djt-pvc-botao:hover,
.djt-pvc-botao:focus-visible {
	background: #fff;
	color: #1b1a33;
}

@media (max-width: 56rem) {
	.djt-pvc-duas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-pvc-sumario {
		position: static;
	}
}

/* ============ tela individual de publicacao legal ============ */

.djt-publicacao .djt-folha > .djt-hora,
.djt-publicacao .djt-folha > .djt-editoria {
	display: none;
}

/* No edital o titulo repete a primeira linha do aviso: fica so para leitores
   de tela e buscadores. */
.djt-publicacao.single-edital .djt-folha > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-publicacao.single-post .djt-folha > .wp-block-post-title {
	max-width: 50rem;
	margin: 0.6rem auto 1rem;
	font-size: clamp(1.15rem, 2.6vw, 1.5rem) !important;
	line-height: 1.3;
	text-align: left;
}

/* A imagem generica ("EDITAL") nao entra na tela do documento. */
.djt-publicacao.single-post .djt-folha > .wp-block-post-featured-image {
	display: none;
}

.djt-publicacao .djt-folha {
	padding-top: 1.2rem;
}

.is-layout-constrained > .djt-pbl {
	max-width: 50rem;
}

.djt-pbl {
	--cor: var(--wp--preset--color--casa);
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-pbl.djt-pbl-t-requerida { --cor: #b45309; }
.djt-pbl.djt-pbl-t-recebida { --cor: #15803d; }
.djt-pbl.djt-pbl-t-notificacao { --cor: #b91c1c; }
.djt-pbl.djt-pbl-t-ata { --cor: #6d28d9; }

.djt-pbl-trilha {
	margin: 0 0 0.9rem;
	font-size: 0.86rem;
	font-weight: 700;
}

.djt-pbl-trilha a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 40px;
	color: var(--wp--preset--color--casa);
	text-decoration: none;
}

.djt-pbl-trilha a:hover,
.djt-pbl-trilha a:focus-visible {
	text-decoration: underline;
}

/* o documento */
.djt-pbl-doc {
	border: 1px solid var(--wp--preset--color--fio);
	border-top: 5px solid var(--cor);
	border-radius: 4px 4px 14px 14px;
	background: #fffdf8;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.05), 0 22px 44px -28px rgba(27, 26, 51, 0.55);
}

.djt-pbl-faixa {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1rem;
	align-items: center;
	margin: 0 !important;
	padding: 0.8rem clamp(1rem, 4vw, 2.6rem);
	border-bottom: 3px double var(--wp--preset--color--fio);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-pbl-tipo {
	padding: 0.22rem 0.7rem;
	border-radius: 999px;
	background: var(--cor);
	color: #fff;
	font-weight: 800;
}

.djt-pbl-faixa time {
	margin-left: auto;
	font-variant-numeric: tabular-nums;
}

.djt-pbl-folha {
	padding: clamp(1.3rem, 4vw, 2.4rem) clamp(1rem, 4vw, 2.6rem);
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.06rem;
	line-height: 1.7;
	color: var(--wp--preset--color--tinta);
	overflow-wrap: anywhere;
}

.djt-pbl-folha > :first-child {
	margin-top: 0;
}

.djt-pbl-folha > :last-child {
	margin-bottom: 0;
}

.djt-pbl-folha p {
	margin: 0 0 1rem;
}

.djt-pbl-folha p:empty {
	display: none;
}

.djt-pbl-folha .djt-edital-requerente {
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.4;
}

/* acoes */
.djt-pbl-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.2rem;
}

.djt-pbl-botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 48px;
	padding: 0 1.2rem;
	border: 1.5px solid var(--wp--preset--color--casa);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--casa);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.djt-pbl-botao.djt-pbl-principal,
.djt-pbl-botao:hover,
.djt-pbl-botao:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-pbl-botao.djt-pbl-principal:hover,
.djt-pbl-botao.djt-pbl-principal:focus-visible {
	background: var(--wp--preset--color--casa-2);
	border-color: var(--wp--preset--color--casa-2);
}

.djt-pbl-dica {
	margin: 0.7rem 0 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-3);
}

/* anterior e seguinte */
.djt-pbl-vizinhas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8rem;
	margin-top: 1.6rem;
}

.djt-pbl-vizinhas a {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 12px;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-pbl-vizinhas a:hover,
.djt-pbl-vizinhas a:focus-visible {
	border-color: var(--wp--preset--color--casa);
	background: var(--wp--preset--color--papel-alt);
}

.djt-pbl-vizinhas .djt-pbl-depois {
	text-align: right;
}

.djt-pbl-vizinhas span {
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
}

.djt-pbl-vizinhas .djt-pbl-antes span::before { content: "← "; }
.djt-pbl-vizinhas .djt-pbl-depois span::after { content: " →"; }

.djt-pbl-vizinhas strong {
	font-size: 0.92rem;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.djt-pbl-vizinhas small {
	font-size: 0.78rem;
	color: var(--wp--preset--color--tinta-3);
}

/* chamada para publicar */
.djt-pbl-publique {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.4rem;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.2rem;
	padding: 1.1rem 1.3rem;
	border-radius: 14px;
	background: var(--wp--preset--color--tinta);
	color: #fff;
}

.djt-pbl-publique p {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.85);
}

.djt-pbl-publique strong {
	color: #fff;
	font-size: 1.08rem;
}

.djt-pbl-publique a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 46px;
	padding: 0 1.3rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-weight: 800;
	text-decoration: none;
}

.djt-pbl-publique a:hover,
.djt-pbl-publique a:focus-visible {
	background: #fff;
}

@media (max-width: 40rem) {
	.djt-pbl-faixa time {
		margin-left: 0;
		width: 100%;
	}

	.djt-pbl-botao {
		flex: 1 1 100%;
	}

	.djt-pbl-vizinhas {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-pbl-vizinhas .djt-pbl-depois {
		text-align: left;
	}

	.djt-pbl-vazio {
		display: none;
	}
}

/* ============ tela individual das materias ============ */

.djt-materia-tela main.djt-folha {
	padding-top: 1.6rem;
	padding-bottom: 2.4rem;
}

.djt-mat-chapeu {
	margin: 0 0 0.7rem;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-chapeu a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 0.9rem;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-decoration: none;
	text-transform: uppercase;
}

.djt-mat-chapeu a:hover,
.djt-mat-chapeu a:focus-visible {
	background: var(--wp--preset--color--casa-2);
}

.djt-materia-tela main.djt-folha > .wp-block-post-title {
	max-width: 58rem;
	margin: 0;
	font-size: clamp(1.8rem, 4.6vw, 3.1rem) !important;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.djt-mat-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem 1.5rem;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.1rem;
	padding: 0.7rem 0;
	border-top: 1px solid var(--wp--preset--color--fio);
	border-bottom: 1px solid var(--wp--preset--color--fio);
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-datas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 1.1rem;
	margin: 0;
	font-size: 0.86rem;
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

.djt-mat-datas time {
	font-weight: 700;
	color: var(--wp--preset--color--tinta);
}

.djt-mat-datas span + span::before,
.djt-mat-datas time + span::before {
	content: "·";
	margin-right: 1.1rem;
	margin-left: -0.6rem;
}

/* compartilhar */
.djt-mat-comp {
	display: flex;
	gap: 0.45rem;
	align-items: center;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-comp-rotulo {
	margin-right: 0.3rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-mat-comp a,
.djt-mat-comp button {
	position: relative;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 50%;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	cursor: pointer;
}

.djt-mat-comp a:hover,
.djt-mat-comp a:focus-visible,
.djt-mat-comp button:hover,
.djt-mat-comp button:focus-visible {
	border-color: var(--wp--preset--color--casa);
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-mat-comp .djt-mat-comp-whats {
	border-color: #128c4a;
	background: #128c4a;
	color: #fff;
}

.djt-mat-comp .djt-mat-comp-whats:hover,
.djt-mat-comp .djt-mat-comp-whats:focus-visible {
	border-color: #0c6b38;
	background: #0c6b38;
}

.djt-mat-copiado:not(:empty) {
	position: absolute;
	bottom: calc(100% + 6px);
	right: 0;
	padding: 0.3rem 0.6rem;
	border-radius: 6px;
	background: var(--wp--preset--color--tinta);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

/* duas colunas: materia | lateral */
@media (min-width: 62rem) {
	.djt-materia-tela main.djt-folha {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 19.5rem;
		column-gap: 2.6rem;
		align-items: start;
	}

	.djt-materia-tela main.djt-folha > * {
		grid-column: 1 / -1;
	}

	.djt-materia-tela main.djt-folha > .wp-block-post-featured-image,
	.djt-materia-tela main.djt-folha > .wp-block-post-content,
	.djt-materia-tela main.djt-folha > .djt-mat-pe,
	.djt-materia-tela main.djt-folha > .djt-whats-materia {
		grid-column: 1;
	}

	.djt-materia-tela main.djt-folha > .djt-mat-lado {
		grid-column: 2;
		grid-row: 4 / span 4;
		align-self: stretch;
	}

	.djt-mat-lado-fixo {
		position: sticky;
		top: 1rem;
	}
}

.djt-materia-tela main.djt-folha > .wp-block-post-featured-image {
	margin: 1.5rem 0 0;
}

.djt-materia-tela main.djt-folha > .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

/* corpo do texto */
.djt-materia-tela main.djt-folha > .wp-block-post-content {
	margin-top: 1.4rem;
	padding-inline: 0;
	font-size: 1.14rem;
	line-height: 1.75;
}

.djt-materia-tela main.djt-folha > .wp-block-post-content > * {
	max-width: 43rem;
	margin-inline: auto;
}

.djt-materia-tela .wp-block-post-content > p {
	margin-block: 0 1.25rem;
}

.djt-materia-tela .wp-block-post-content > .djt-legenda {
	margin-block: -0.6rem 1.6rem;
	border-left-color: var(--wp--preset--color--casa);
	font-size: 0.82rem;
}

.djt-materia-tela .wp-block-post-content > h2 {
	margin-block: 2.2rem 0.9rem;
	padding-left: 0.85rem;
	border-left: 4px solid var(--wp--preset--color--casa);
	font-size: clamp(1.3rem, 3vw, 1.6rem);
	line-height: 1.2;
}

.djt-materia-tela .wp-block-post-content > h3 {
	margin-block: 1.8rem 0.7rem;
	font-size: 1.2rem;
}

.djt-materia-tela .wp-block-post-content > p a {
	color: var(--wp--preset--color--casa);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.djt-materia-tela .wp-block-post-content > blockquote {
	margin-block: 1.8rem;
	padding: 0.4rem 0 0.4rem 1.3rem;
	border-left: 4px solid #ffd84d;
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.5;
}

.djt-materia-tela .wp-block-post-content > figure img,
.djt-materia-tela .wp-block-post-content > .wp-block-image img {
	border-radius: 10px;
}

/* pe da materia */
.djt-mat-pe {
	max-width: 43rem;
	width: 100%;
	margin: 1.6rem auto 0;
	padding-top: 1.2rem;
	border-top: 1px solid var(--wp--preset--color--fio);
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-assuntos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
	margin: 0 0 1.1rem;
}

.djt-mat-assuntos span {
	margin-right: 0.3rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
}

.djt-mat-assuntos a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 0.8rem;
	border-radius: 999px;
	background: var(--wp--preset--color--papel-alt);
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
}

.djt-mat-assuntos a:hover,
.djt-mat-assuntos a:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-mat-pe-linha {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.4rem;
	align-items: center;
	justify-content: space-between;
}

.djt-mat-erro {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--wp--preset--color--tinta-3);
	font-size: 0.84rem;
	font-weight: 700;
	text-decoration: none;
}

.djt-mat-erro:hover,
.djt-mat-erro:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
}

.djt-materia-tela main.djt-folha > .djt-whats-materia {
	max-width: 43rem;
	margin: 1.6rem auto 0;
}

/* lateral */
.djt-mat-lado {
	margin-top: 1.5rem;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-lado h2 {
	margin: 0 0 0.6rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--wp--preset--color--casa);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
}

.djt-mat-ultimas ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-mat-ultimas li + li {
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-mat-ultimas a {
	display: grid;
	grid-template-columns: 5.4rem minmax(0, 1fr);
	gap: 0.8rem;
	align-items: start;
	padding: 0.75rem 0;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-mat-ultimas img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 218 / 150;
	object-fit: cover;
	border-radius: 6px;
}

.djt-mat-ultimas span {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.3;
}

.djt-mat-ultimas small {
	display: block;
	margin-bottom: 0.15rem;
	color: var(--wp--preset--color--casa);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.djt-mat-ultimas a:hover span,
.djt-mat-ultimas a:focus-visible span {
	color: var(--wp--preset--color--casa);
}

.djt-mat-jh {
	margin-top: 1.6rem;
}

/* mais da editoria */
.djt-mat-rel {
	margin-top: 2rem;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-mat-rel ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.6rem 1.4rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.djt-mat-rel li a {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-mat-rel img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 464 / 290;
	object-fit: cover;
	border-radius: 10px;
}

.djt-mat-rel strong {
	font-size: 1.02rem;
	line-height: 1.3;
}

.djt-mat-rel small {
	font-size: 0.76rem;
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

.djt-mat-rel li a:hover strong,
.djt-mat-rel li a:focus-visible strong {
	color: var(--wp--preset--color--casa);
}

.djt-mat-rel-todas {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 46px;
	margin-top: 1.4rem;
	padding: 0 1.3rem;
	border: 1.5px solid var(--wp--preset--color--casa);
	border-radius: 999px;
	color: var(--wp--preset--color--casa);
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
}

.djt-mat-rel-todas:hover,
.djt-mat-rel-todas:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

@media (max-width: 62rem) {
	.djt-mat-lado {
		max-width: 43rem;
		margin-inline: auto;
	}
}

@media (max-width: 40rem) {
	.djt-materia-tela main.djt-folha > .wp-block-post-content {
		font-size: 1.08rem;
		line-height: 1.7;
	}

	.djt-mat-comp-rotulo {
		display: none;
	}

	.djt-mat-pe .djt-mat-comp-rotulo {
		display: inline;
		flex-basis: 100%;
	}

	.djt-mat-pe .djt-mat-comp {
		flex-wrap: wrap;
	}

	.djt-mat-rel ul {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.djt-mat-rel li + li {
		border-top: 1px solid var(--wp--preset--color--fio);
	}

	.djt-mat-rel li a {
		display: grid;
		grid-template-columns: 7rem minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		gap: 0.2rem 0.9rem;
		padding: 0.85rem 0;
	}

	.djt-mat-rel img {
		grid-row: 1 / span 2;
		border-radius: 6px;
	}

	.djt-mat-rel strong {
		font-size: 0.95rem;
	}
}

/* A logo do rodape leva a pagina inicial. */
.djt-rodape-logo {
	display: inline-block;
	line-height: 0;
}

.djt-rodape-logo:hover,
.djt-rodape-logo:focus-visible {
	opacity: 0.85;
}

/* ============ tela das editorias e dos assuntos ============ */

.djt-folha:has(> .djt-edi) {
	padding-top: 1.4rem;
	padding-bottom: 2.4rem;
}

.djt-edi {
	font-family: var(--wp--preset--font-family--titulo);
	color: var(--wp--preset--color--tinta);
}

.djt-edi-hero {
	padding: clamp(1.3rem, 3.6vw, 2.2rem) clamp(1.2rem, 4vw, 2.6rem);
	border-radius: 16px;
	background:
		radial-gradient(circle at 95% 10%, rgba(255, 216, 77, 0.26), transparent 42%),
		linear-gradient(125deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 60%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
}

.djt-edi-hero p {
	margin: 0;
}

.djt-edi-selo {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-edi .djt-edi-hero h1 {
	margin: 0.7rem 0 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: clamp(2.1rem, 6vw, 3.6rem);
	font-weight: 800;
	line-height: 1.02;
}

.djt-edi-apoio {
	margin-top: 0.7rem !important;
	max-width: 44rem;
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.9);
}

.djt-edi-conta {
	margin-top: 0.8rem !important;
	font-size: 0.8rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.75);
	font-variant-numeric: tabular-nums;
}

/* atalhos das editorias */
.djt-edi-atalhos {
	margin-top: 0.9rem;
	overflow-x: auto;
	scrollbar-width: none;
}

.djt-edi-atalhos::-webkit-scrollbar {
	display: none;
}

.djt-edi-atalhos ul {
	display: flex;
	gap: 0.4rem;
	margin: 0;
	padding: 0 0 0.2rem;
	list-style: none;
}

.djt-edi-atalhos a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 0.95rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.84rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.djt-edi-atalhos a:hover,
.djt-edi-atalhos a:focus-visible,
.djt-edi-atalhos a.djt-edi-atual {
	border-color: var(--wp--preset--color--casa);
	background: var(--wp--preset--color--casa);
	color: #fff;
}

/* cartoes */
.djt-edi-cartao a {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	height: 100%;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-edi-foto {
	display: block;
	overflow: hidden;
	border-radius: 12px;
	background: var(--wp--preset--color--papel-alt);
	aspect-ratio: 464 / 290;
}

.djt-edi-foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.djt-edi-cartao a:hover img,
.djt-edi-cartao a:focus-visible img {
	transform: scale(1.03);
}

.djt-edi-texto {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.djt-edi-texto time {
	font-size: 0.74rem;
	font-weight: 700;
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

.djt-edi-texto strong {
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.25;
}

.djt-edi-cartao a:hover strong,
.djt-edi-cartao a:focus-visible strong {
	color: var(--wp--preset--color--casa);
}

.djt-edi-resumo {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
}

/* abertura: manchete + duas */
.djt-edi-abre {
	display: grid;
	grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
	gap: 1.8rem;
	margin-top: 1.5rem;
	padding-bottom: 1.8rem;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-edi-manchete .djt-edi-foto {
	aspect-ratio: 16 / 9;
	border-radius: 14px;
}

.djt-edi-manchete .djt-edi-texto strong {
	font-size: clamp(1.5rem, 3.4vw, 2.3rem);
	line-height: 1.12;
	text-wrap: balance;
}

.djt-edi-manchete .djt-edi-resumo {
	font-size: 1.05rem;
}

.djt-edi-duas {
	display: grid;
	gap: 1.4rem;
	align-content: start;
}

.djt-edi-grade {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem 1.6rem;
	margin-top: 1.8rem;
}

.djt-edi-vazio {
	margin: 2rem 0;
	color: var(--wp--preset--color--tinta-3);
}

/* paginas */
.djt-edi-pag {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	justify-content: center;
	margin-top: 2.2rem;
	padding-top: 1.4rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-edi-pag .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.9rem;
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	font-size: 0.9rem;
	font-weight: 700;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.djt-edi-pag a.page-numbers:hover,
.djt-edi-pag a.page-numbers:focus-visible,
.djt-edi-pag .page-numbers.current {
	border-color: var(--wp--preset--color--casa);
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-edi-pag .page-numbers.dots {
	border-color: transparent;
	background: transparent;
	min-width: 0;
	padding: 0 0.2rem;
}

@media (max-width: 56rem) {
	.djt-edi-abre {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-edi-duas,
	.djt-edi-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* celular: a manchete fica grande; as demais viram lista com foto pequena */
@media (max-width: 40rem) {
	.djt-edi-abre {
		gap: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.djt-edi-duas,
	.djt-edi-grade {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 0;
	}

	.djt-edi-manchete {
		padding-bottom: 1.1rem;
	}

	.djt-edi-lado,
	.djt-edi-item {
		border-top: 1px solid var(--wp--preset--color--fio);
	}

	.djt-edi-lado a,
	.djt-edi-item a {
		display: grid;
		grid-template-columns: 7.2rem minmax(0, 1fr);
		gap: 0.9rem;
		align-items: start;
		padding: 0.9rem 0;
	}

	.djt-edi-lado .djt-edi-foto,
	.djt-edi-item .djt-edi-foto {
		border-radius: 8px;
	}

	.djt-edi-lado .djt-edi-texto strong,
	.djt-edi-item .djt-edi-texto strong {
		font-size: 0.98rem;
	}

	.djt-edi-item .djt-edi-resumo {
		display: none;
	}

	.djt-edi-grade {
		margin-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-edi-foto img {
		transition: none;
	}
}

/* ============ tela de busca ============ */

.djt-bus .djt-edi-hero h1 {
	font-size: clamp(1.6rem, 4.4vw, 2.6rem);
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.djt-bus-form {
	display: flex;
	gap: 0.5rem;
	max-width: 38rem;
	margin-top: 1.1rem;
}

.djt-bus-form input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 52px;
	padding: 0 1.2rem;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--tinta);
	font: inherit;
	font-size: 1.05rem;
}

.djt-bus-form input[type="search"]:focus {
	outline: 3px solid #ffd84d;
	outline-offset: 2px;
}

.djt-bus-form button {
	flex: none;
	min-height: 52px;
	padding: 0 1.5rem;
	border: 0;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font: inherit;
	font-size: 1rem;
	font-weight: 800;
	cursor: pointer;
}

.djt-bus-form button:hover,
.djt-bus-form button:focus-visible {
	background: #fff;
}

.djt-bus-lista {
	max-width: 54rem;
	margin: 1.2rem auto 0;
	padding: 0;
	list-style: none;
}

.djt-bus-lista li + li {
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-bus-lista a {
	display: grid;
	grid-template-columns: 13rem minmax(0, 1fr);
	gap: 1.3rem;
	align-items: start;
	padding: 1.2rem 0;
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.djt-bus-foto {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	aspect-ratio: 464 / 290;
	background: var(--wp--preset--color--papel-alt);
}

.djt-bus-foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* resultado sem foto (servico, pagina, publicacao legal): bloco com o tipo */
.djt-bus-sem-foto .djt-bus-foto {
	display: grid;
	place-items: center;
	padding: 0.6rem;
	background: linear-gradient(135deg, var(--wp--preset--color--casa), var(--wp--preset--color--tinta));
}

.djt-bus-sem-foto .djt-bus-foto span {
	color: #fff;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

.djt-bus-texto {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.djt-bus-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.8rem;
	align-items: center;
	font-size: 0.74rem;
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

.djt-bus-meta b {
	color: var(--wp--preset--color--casa);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.djt-bus-texto > strong {
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 1.25;
}

.djt-bus-lista a:hover .djt-bus-texto > strong,
.djt-bus-lista a:focus-visible .djt-bus-texto > strong {
	color: var(--wp--preset--color--casa);
}

.djt-bus mark {
	padding: 0 0.12em;
	border-radius: 3px;
	background: #ffe98a;
	color: inherit;
}

.djt-bus-vazio p {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 1.6rem 0 0.2rem;
	color: var(--wp--preset--color--tinta-2);
}

.djt-bus-vazio strong {
	color: var(--wp--preset--color--tinta);
	font-size: 1.2rem;
}

@media (max-width: 40rem) {
	.djt-bus-lista a {
		grid-template-columns: 6.6rem minmax(0, 1fr);
		gap: 0.9rem;
		padding: 0.95rem 0;
	}

	.djt-bus-foto {
		border-radius: 8px;
	}

	.djt-bus-sem-foto .djt-bus-foto span {
		font-size: 0.6rem;
	}

	.djt-bus-texto > strong {
		font-size: 1rem;
	}

	.djt-bus .djt-edi-resumo {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 0.86rem;
	}

	.djt-bus-form button {
		padding: 0 1.1rem;
	}
}

/* ============ anuncio FGI (primeiro espaco publicitario da capa) ============
 * Arte aprovada pelo dono em 08/10/2026. Cores e logo da propria faculdade;
 * textos tirados do site dela (fgi.edu.br). Marcacao em templates/front-page.html.
 */
/* A caixa mede a largura que o anuncio tem de verdade; as regras @container
   abaixo ajustam a arte a ela. Com regra por largura de tela, o titulo era
   cortado em telas medias (o espaco fica mais estreito que 728px). */
.djt-fgi-caixa {
	container-type: inline-size;
	width: 100%;
	/* 728 x 104 ampliado em 20% na largura e na altura (pedido do dono) */
	max-width: 874px;
	margin-inline: auto;
}

.djt-fgi {
	--fgi-azul: #15265f;
	--fgi-azul-2: #0b1640;
	--fgi-vermelho: #a30000;
	position: relative;
	display: grid;
	grid-template-columns: 11.6rem minmax(0, 1fr) auto;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	max-width: 728px;
	min-height: 104px;
	margin-inline: auto;
	overflow: hidden;
	border-radius: 10px;
	background: linear-gradient(105deg, var(--fgi-azul) 0%, var(--fgi-azul-2) 100%);
	box-shadow: 0 8px 22px -12px rgba(11, 22, 64, 0.7);
	color: #fff;
	font-family: var(--wp--preset--font-family--titulo);
	text-align: left;
	text-decoration: none;
	isolation: isolate;
}

/* painel branco da logo, com corte em diagonal e filete vermelho */
.djt-fgi-logo {
	position: relative;
	display: grid;
	place-items: center;
	padding: 0.7rem 2.3rem 0.7rem 1.1rem;
	background: #fff;
	clip-path: polygon(0 0, 100% 0, calc(100% - 2rem) 100%, 0 100%);
}

.djt-fgi-logo img {
	display: block;
	width: 100%;
	max-width: 9.4rem;
	height: auto;
}

.djt-fgi::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 9.95rem;
	width: 2.5rem;
	z-index: -1;
	background: var(--fgi-vermelho);
	clip-path: polygon(2rem 0, 100% 0, calc(100% - 2rem) 100%, 0 100%);
}

/* brilho de fundo */
.djt-fgi::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		radial-gradient(circle at 78% -30%, rgba(75, 100, 173, 0.75), transparent 46%),
		repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 14px);
}

.djt-fgi-texto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.28rem;
	min-width: 0;
	padding: 0.7rem 0.6rem 0.7rem 1.5rem;
}

.djt-fgi-chapeu {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #b9c6ec;
}

.djt-fgi-titulo {
	font-size: 1.36rem;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.015em;
	text-wrap: balance;
}

.djt-fgi-titulo em {
	font-style: normal;
	color: #ffd0d0;
}

.djt-fgi-selos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.4rem;
	margin-top: 0.15rem;
}

.djt-fgi-selos span {
	padding: 0.16rem 0.55rem;
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius: 999px;
	font-size: 0.66rem;
	font-weight: 700;
	line-height: 1.35;
	white-space: nowrap;
}

.djt-fgi-acao {
	display: grid;
	place-items: center;
	padding: 0.7rem 1.1rem 0.7rem 0.4rem;
}

.djt-fgi-botao {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 46px;
	padding: 0 1.25rem;
	border-radius: 999px;
	background: var(--fgi-vermelho);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 6px 14px -4px rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 0.95rem;
	font-weight: 800;
	white-space: nowrap;
	transition: transform 0.15s ease, background 0.15s ease;
}

/* texto do botao em duas linhas: "Inscreva-se" pequeno em cima e
   "Vestibular 2027" em destaque embaixo (pedido do dono) */
.djt-fgi-botao-txt {
	display: flex;
	flex-direction: column;
	gap: 0.14rem;
	line-height: 1.05;
	text-align: left;
}

.djt-fgi-botao-txt b {
	font-size: 0.64em;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #ffd0d0;
}

.djt-fgi-botao-txt small {
	font-size: 1.08em;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.djt-fgi-botao::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.45), transparent);
	animation: djt-fgi-brilho 3.6s ease-in-out infinite;
}

@keyframes djt-fgi-brilho {
	0%, 55% { left: -60%; }
	100% { left: 130%; }
}

.djt-fgi:hover .djt-fgi-botao,
.djt-fgi:focus-visible .djt-fgi-botao {
	background: #c40000;
	transform: scale(1.05);
}

.djt-fgi:focus-visible {
	outline: 3px solid #ffd84d;
	outline-offset: 3px;
}

/* em linha: versao compacta em toda a largura (o botao "Vestibular 2027" e
   largo; com a versao folgada o titulo e os selos quebravam em duas linhas) */
@container (max-width: 60rem) {
	.djt-fgi {
		grid-template-columns: 9.4rem minmax(0, 1fr) auto;
	}

	.djt-fgi::before {
		left: 7.75rem;
	}

	.djt-fgi-logo {
		padding: 0.6rem 2.1rem 0.6rem 0.8rem;
	}

	.djt-fgi-texto {
		padding: 0.7rem 0.4rem 0.7rem 1.1rem;
	}

	.djt-fgi-titulo {
		font-size: 1.12rem;
	}

	.djt-fgi-chapeu {
		font-size: 0.56rem;
		letter-spacing: 0.12em;
	}

	.djt-fgi-selos span {
		font-size: 0.6rem;
		white-space: normal;
	}

	.djt-fgi-acao {
		padding: 0.6rem 0.8rem 0.6rem 0.3rem;
	}

	.djt-fgi-botao {
		min-height: 44px;
		padding: 0 0.95rem;
		font-size: 0.84rem;
	}
}

/* Com espaco para ficar em linha, a arte inteira e ampliada em 20%: letras,
   logo e botao crescem juntos, na mesma proporcao. */
@container (min-width: 42.01rem) {
	.djt-fgi {
		zoom: 1.2;
	}
}

/* estreito: logo em cima, texto e botao embaixo */
@container (max-width: 42rem) {
	.djt-fgi {
		grid-template-columns: minmax(0, 1fr);
		border-radius: 12px;
	}

	.djt-fgi-logo {
		padding: 0.8rem 1rem 1.5rem;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.9rem), 0 100%);
	}

	.djt-fgi-logo img {
		max-width: 10.5rem;
	}

	.djt-fgi::before {
		display: none;
	}

	.djt-fgi-texto {
		align-items: center;
		padding: 0.5rem 1rem 0.3rem;
		border-top: 4px solid var(--fgi-vermelho);
		margin-top: -0.9rem;
		padding-top: 1.2rem;
		text-align: center;
	}

	.djt-fgi-selos {
		justify-content: center;
	}

	.djt-fgi-titulo {
		font-size: 1.5rem;
	}

	.djt-fgi-acao {
		padding: 0.6rem 1rem 1rem;
	}

	.djt-fgi-botao {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-fgi-botao::after { animation: none; }
	.djt-fgi-botao { transition: none; }
}

/* ============ enquete: chamada no fim das materias de Cidade ============ */

.djt-mat-enquete {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.3rem 1.2rem;
	align-items: center;
	margin-bottom: 1.3rem;
	padding: 1rem 1.2rem;
	border-radius: 14px;
	background: linear-gradient(120deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 100%);
	color: #fff;
	text-decoration: none;
}

.djt-mat-enquete-selo {
	grid-column: 1;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: #ffd84d;
}

.djt-mat-enquete strong {
	grid-column: 1;
	font-size: 1.12rem;
	font-weight: 800;
	line-height: 1.25;
}

.djt-mat-enquete-botao {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 44px;
	padding: 0 1.2rem;
	border-radius: 999px;
	background: #ffd84d;
	color: #1b1a33;
	font-size: 0.9rem;
	font-weight: 800;
	white-space: nowrap;
}

.djt-mat-enquete:hover .djt-mat-enquete-botao,
.djt-mat-enquete:focus-visible .djt-mat-enquete-botao {
	background: #fff;
}

.djt-enq {
	scroll-margin-top: 5rem;
}

@media (max-width: 40rem) {
	.djt-mat-enquete {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-mat-enquete-botao {
		grid-column: 1;
		grid-row: auto;
		justify-content: center;
		margin-top: 0.5rem;
	}
}

/* ============ pets desaparecidos (inc/pets.php) ============ */

.djt-pet-pagina main.djt-folha > :not(.wp-block-post-content):not(.wp-block-post-title) {
	display: none;
}

.djt-pet-pagina main.djt-folha > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-pet-pagina main.djt-folha {
	padding-block: 1.6rem 2.4rem;
}

.is-layout-constrained > .djt-pet {
	max-width: 54rem;
}

.djt-pet {
	--pet: #e8590c;
	margin-inline: auto;
	overflow: hidden;
	border-radius: 18px;
	background: #fff8f0;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.06), 0 24px 50px -30px rgba(27, 26, 51, 0.6);
	font-family: var(--wp--preset--font-family--titulo);
	color: #2b1d12;
}

.djt-pet.djt-pet-ok {
	--pet: #2f9e44;
}

.djt-pet-faixa {
	margin: 0;
	padding: 0.9rem 1rem;
	background: var(--pet);
	color: #fff;
	font-size: clamp(1.8rem, 5vw, 2.8rem);
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}

.djt-pet-corpo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.8rem;
	padding: clamp(1.2rem, 4vw, 2.2rem);
}

.djt-pet-fotos {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.djt-pet-foto,
.djt-pet-foto2 {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	border: 4px solid #fff;
	box-shadow: 0 10px 24px -14px rgba(43, 29, 18, 0.6);
	object-fit: cover;
}

.djt-pet-foto {
	aspect-ratio: 1;
}

.djt-pet-foto2 {
	aspect-ratio: 4 / 3;
}

.djt-pet-info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.djt-pet-especie {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	color: var(--pet);
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.djt-pet .djt-pet-nome {
	margin: 0;
	padding: 0;
	border: 0;
	color: #2b1d12;
	font-size: clamp(2.6rem, 7vw, 4rem);
	font-weight: 900;
	line-height: 1;
}

.djt-pet-dados {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-pet-dados li {
	display: flex;
	gap: 0.7rem;
	align-items: flex-start;
	padding: 0.7rem 0.9rem;
	border-radius: 12px;
	background: #fff;
	font-size: 1.02rem;
	line-height: 1.4;
}

.djt-pet-dados svg {
	flex: none;
	color: var(--pet);
	margin-top: 0.1rem;
}

.djt-pet-dados span {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.djt-pet-dados small {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8a6a52;
}

.djt-pet-whats {
	display: flex;
	gap: 0.8rem;
	align-items: center;
	padding: 1rem 1.2rem;
	border-radius: 14px;
	background: #128c4a;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	text-decoration: none;
}

.djt-pet-whats:hover,
.djt-pet-whats:focus-visible {
	background: #0c6b38;
	color: #fff;
}

.djt-pet-whats svg {
	width: 2rem;
	height: 2rem;
	flex: none;
}

.djt-pet-whats span {
	display: flex;
	flex-direction: column;
}

.djt-pet-whats small {
	font-size: 0.8rem;
	font-weight: 700;
	opacity: 0.9;
}

.djt-pet-ajuda,
.djt-pet-ok-msg {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 700;
	color: #8a6a52;
}

.djt-pet-ok-msg {
	padding: 1rem 1.2rem;
	border-radius: 14px;
	background: #e6f6ea;
	color: #1e6b31;
	font-size: 1.1rem;
}

.djt-pet-pe {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.9rem clamp(1.2rem, 4vw, 2.2rem);
	border-top: 1px dashed #e4cdb7;
	font-size: 0.86rem;
	color: #8a6a52;
}

.djt-pet-pe a {
	color: var(--pet);
	font-weight: 800;
	text-decoration: none;
}

/* pagina /pets-desaparecidos/ */
.is-layout-constrained > .djt-pets {
	max-width: 66rem;
}

.djt-folha:has(.djt-pets) > .wp-block-post-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.djt-pets {
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-pets-hero {
	padding: clamp(1.4rem, 4vw, 2.4rem);
	border-radius: 16px;
	background: radial-gradient(circle at 92% 0%, rgba(255, 216, 77, 0.35), transparent 45%), linear-gradient(120deg, #9c3d0a 0%, #e8590c 70%, #f08c00 100%);
	color: #fff;
}

.djt-pets-hero p {
	margin: 0;
	max-width: 44rem;
	font-size: 1.05rem;
	line-height: 1.5;
}

.djt-pets-selo {
	display: inline-flex !important;
	align-items: center;
	gap: 0.4rem;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	background: #fff3bf;
	color: #7a2e06;
	font-size: 0.72rem !important;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.djt-pets-selo svg {
	width: 1rem;
	height: 1rem;
}

.djt-pets .djt-pets-hero h1 {
	margin: 0.8rem 0 0.5rem;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: clamp(2.2rem, 6vw, 3.4rem);
	font-weight: 900;
	line-height: 1.02;
}

.djt-pets-acoes {
	margin-top: 1.1rem !important;
}

.djt-pets-b1 {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 1.3rem;
	border-radius: 999px;
	background: #fff;
	color: #9c3d0a;
	font-weight: 800;
	text-decoration: none;
}

.djt-pets .djt-pets-tit {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 1.8rem 0 1rem;
	padding: 0;
	border: 0;
	color: #2b1d12;
	font-size: 1.4rem;
	font-weight: 900;
}

.djt-pets-tit span {
	display: inline-grid;
	place-items: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0 0.5rem;
	border-radius: 999px;
	background: #e8590c;
	color: #fff;
	font-size: 1rem;
}

.djt-pets-tit-ok span {
	background: #2f9e44;
}

.djt-pets-grade {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
	gap: 1.1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-pet-card a {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: 14px;
	background: #fff8f0;
	box-shadow: 0 2px 4px rgba(27, 26, 51, 0.06), 0 14px 30px -20px rgba(27, 26, 51, 0.6);
	color: #2b1d12;
	text-decoration: none;
}

.djt-pet-card img,
.djt-pet-card-sem {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.djt-pet-card-sem {
	display: grid;
	place-items: center;
	background: #ffe8d6;
	color: #e8590c;
}

.djt-pet-card-sem svg {
	width: 4rem;
	height: 4rem;
}

.djt-pet-card-selo {
	position: absolute;
	top: 0.7rem;
	left: 0.7rem;
	padding: 0.25rem 0.7rem;
	border-radius: 999px;
	background: #e8590c;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.djt-pet-card.djt-pet-ok .djt-pet-card-selo {
	background: #2f9e44;
}

.djt-pet-card-txt {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.8rem 1rem 1rem;
}

.djt-pet-card-txt strong {
	font-size: 1.3rem;
	font-weight: 900;
}

.djt-pet-card-txt span {
	font-size: 0.88rem;
	color: #5c4636;
}

.djt-pet-card-txt small {
	font-size: 0.8rem;
	color: #8a6a52;
}

.djt-pet-card a:hover strong,
.djt-pet-card a:focus-visible strong {
	color: #e8590c;
}

.djt-pets-grade-jh {
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	margin-bottom: 0.8rem;
}

.djt-pets-vazio,
.djt-pets-nota {
	color: #5c4636;
	line-height: 1.5;
}

.djt-pets-nota {
	margin-top: 1.8rem;
	padding: 1rem 1.2rem;
	border-radius: 12px;
	background: #fff8f0;
	font-size: 0.95rem;
}

@media (max-width: 40rem) {
	.djt-pet-corpo {
		grid-template-columns: minmax(0, 1fr);
	}

	.djt-pets-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
	}

	.djt-pet-card-txt strong {
		font-size: 1.1rem;
	}
}

/* ============ faixa "Jornalismo independente" (rodape) ============
 * Declaracao editorial do jornal, no alto do rodape de todas as paginas,
 * de ponta a ponta. Fundo escuro da casa, filetes dourados.
 */

.djt-independente {
	box-sizing: border-box;
	padding: clamp(1.4rem, 3.5vw, 2.4rem) clamp(1rem, 4vw, 3rem);
	background:
		radial-gradient(circle at 12% 50%, rgba(255, 216, 77, 0.13), transparent 42%),
		linear-gradient(110deg, var(--wp--preset--color--tinta) 0%, var(--wp--preset--color--casa) 62%, var(--wp--preset--color--casa-2) 100%);
	border-block: 3px solid #ffd84d;
	color: #fff;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-independente-dentro {
	display: flex;
	align-items: center;
	gap: clamp(1.2rem, 4vw, 3rem);
	max-width: 60rem;
	margin-inline: auto;
}

.djt-independente-selo {
	flex: none;
	width: clamp(120px, 16vw, 170px);
	height: auto;
	color: #ffd84d;
	font-family: var(--wp--preset--font-family--titulo);
	transform: rotate(-8deg);
}

.djt-independente-texto {
	min-width: 0;
}

.djt-independente-sobre {
	margin: 0 0 0.35rem;
	color: #ffd84d;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* Dois seletores de classe: precisa vencer ".djt-rodape h2", que e o estilo
   dos titulos miudos das colunas do rodape. */
.djt-independente .djt-independente-titulo {
	margin: 0 0 0.6rem;
	padding: 0;
	border: 0;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
	font-size: clamp(1.7rem, 4.2vw, 2.7rem);
	font-weight: 800;
	line-height: 1.05;
}

.djt-independente-apoio {
	margin: 0 0 0.9rem;
	max-width: 40rem;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.92);
}

.djt-independente-lista {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.djt-independente-lista li {
	padding: 0.35rem 0.85rem 0.35rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.djt-independente-lista li::before {
	content: "✓";
	margin-right: 0.4rem;
	color: #ffd84d;
}

@media (max-width: 40rem) {
	.djt-independente-dentro {
		flex-direction: column;
		text-align: center;
	}

	.djt-independente-lista {
		justify-content: center;
	}
}

/*
 * Espaco de publicidade livre ("Anuncie aqui"). Ocupa a mesma faixa de um
 * banner 728x90; o cartao inteiro e um link de e-mail para o jornal.
 */
.djt-anuncie {
	display: flex;
	align-items: center;
	gap: 1rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 728px;
	min-height: 90px;
	margin-inline: auto;
	padding: 0.8rem 1.25rem;
	border: 2px dashed rgba(255, 255, 255, 0.45);
	border-radius: 6px;
	background: linear-gradient(100deg, var(--wp--preset--color--casa) 0%, var(--wp--preset--color--casa-2) 100%);
	color: #fff;
	font-family: var(--wp--preset--font-family--titulo);
	text-align: left;
	text-decoration: none;
	transition: filter 0.15s ease;
}

.djt-anuncie:hover,
.djt-anuncie:focus-visible {
	filter: brightness(1.12);
	color: #fff;
}

.djt-anuncie-icone {
	flex: none;
	display: grid;
	place-items: center;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
}

.djt-anuncie-texto {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.djt-anuncie-titulo {
	font-size: 1.55rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.djt-anuncie-apoio {
	font-size: 0.92rem;
	line-height: 1.3;
	opacity: 0.92;
}

.djt-anuncie-botao {
	flex: none;
	padding: 0.6rem 1.1rem;
	border-radius: 999px;
	background: #ffd84d;
	color: var(--wp--preset--color--tinta);
	font-size: 0.92rem;
	font-weight: 800;
	white-space: nowrap;
}

@media (max-width: 40rem) {
	.djt-anuncie {
		flex-wrap: wrap;
		gap: 0.7rem 0.8rem;
		padding: 0.9rem 1rem;
	}

	.djt-anuncie-icone {
		width: 2.8rem;
		height: 2.8rem;
	}

	.djt-anuncie-titulo {
		font-size: 1.25rem;
	}

	.djt-anuncie-botao {
		flex: 1 1 100%;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-anuncie {
		transition: none;
	}
}

/* ============ chamada para o grupo de WhatsApp (lateral da capa) ============
 * Verde escuro do WhatsApp no fundo, para o texto branco ter contraste de
 * leitura (o verde claro #25D366 com branco nao passa); o verde claro fica so
 * no botao, com texto escuro. O cartao inteiro e um unico link.
 */

.djt-whats {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.9rem 1rem;
	align-items: center;
	margin-top: 1.6rem;
	padding: 1.1rem 1.15rem 1.15rem;
	background: linear-gradient(135deg, #075e54 0%, #128c7e 100%);
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--titulo);
	box-shadow: 0 2px 0 rgba(7, 94, 84, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.djt-whats:hover,
.djt-whats:focus-visible {
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(7, 94, 84, 0.35);
}

.djt-whats:focus-visible {
	outline: 3px solid var(--wp--preset--color--casa);
	outline-offset: 2px;
}

.djt-whats-icone {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	flex: none;
}

.djt-whats-selo {
	display: block;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #c8f7dc;
}

.djt-whats-titulo {
	display: block;
	margin-top: 0.15rem;
	font-size: 1.12rem;
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
}

.djt-whats-apoio {
	display: block;
	margin-top: 0.3rem;
	font-size: 0.85rem;
	line-height: 1.35;
	color: #e7fbf0;
}

.djt-whats-botao {
	grid-column: 1 / -1;
	display: block;
	padding: 0.7rem 1rem;
	border-radius: 999px;
	background: #25d366;
	color: #06281f;
	font-size: 0.98rem;
	font-weight: 800;
	text-align: center;
}

.djt-whats:hover .djt-whats-botao {
	background: #3fe07c;
}

/*
 * No fim da materia o cartao acompanha a largura do texto e, havendo espaco,
 * deita: icone, chamada e botao na mesma linha.
 */
.djt-whats-materia {
	max-width: var(--wp--style--global--content-size);
	margin: 2.2rem auto 2rem;
}

@media (min-width: 40rem) {
	.djt-whats-materia {
		grid-template-columns: auto 1fr auto;
		padding: 1.2rem 1.4rem;
	}

	.djt-whats-materia .djt-whats-botao {
		grid-column: auto;
		padding-inline: 1.5rem;
		white-space: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-whats {
		transition: none;
	}

	.djt-whats:hover,
	.djt-whats:focus-visible {
		transform: none;
	}
}

/* ============ coluna de charge (lateral da capa) ============ */

.djt-coluna-charge {
	margin-top: 1.6rem;
	padding-top: 1.2rem;
	border-top: 2px solid var(--wp--preset--color--casa);
}

.djt-charge-selo {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.72rem;
	color: var(--wp--preset--color--tinta-3);
	margin: 0.4rem 0 0.7rem;
}

.djt-charge {
	margin: 0;
}

.djt-charge-link {
	display: block;
	background: var(--wp--preset--color--papel-alt);
	border: 1px solid var(--wp--preset--color--fio);
	padding: 0.5rem;
}

.djt-charge-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 560px;
	object-fit: contain;
}

.djt-charge figcaption {
	margin-top: 0.6rem;
	font-family: var(--wp--preset--font-family--titulo);
}

.djt-charge-titulo {
	display: block;
	font-size: 1rem;
	font-weight: 800;
	color: var(--wp--preset--color--tinta);
	line-height: 1.25;
}

.djt-charge-legenda {
	display: block;
	margin-top: 0.3rem;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.92rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-2);
}

.djt-charge-credito {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.7rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-charge-credito a {
	color: inherit;
}

/* ============ serviços: meteoblue e cotações do Cepea ============ */

.djt-servicos {
	margin-top: 1.6rem;
	padding-top: 1.2rem;
	border-top: 2px solid var(--wp--preset--color--casa);
}

.djt-servico {
	margin-bottom: 1.2rem;
}

.djt-servico .djt-nome {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--apoio);
	color: var(--wp--preset--color--tinta-2);
	margin-bottom: 0.4rem;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.5rem;
}

.djt-servico .djt-fonte {
	font-size: 0.68rem;
	color: var(--wp--preset--color--tinta-3);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/*
 * Os widgets vêm de fora em iframe com largura fixa. Numa coluna estreita eles
 * estouram a tela do celular, então a moldura rola por dentro em vez de
 * empurrar a página inteira para o lado.
 */
.djt-servico .djt-moldura {
	overflow-x: auto;
	max-width: 100%;
}

.djt-servico iframe {
	max-width: none;
	border: 0;
}

/*
 * Cotações do Cepea. A coluna lateral é estreita: um item por linha, produto
 * à esquerda e valor à direita, com o fio da cor da editoria de economia.
 */
.djt-cotacoes {
	list-style: none;
	margin: 0;
	padding: 0;
}

.djt-cotacao {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.6rem;
	padding: 0.55rem 0 0.55rem 0.6rem;
	border-left: 3px solid var(--wp--preset--color--ed-economia);
	background: var(--wp--preset--color--papel-alt);
	margin-bottom: 0.35rem;
}

.djt-cot-produto {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.86rem;
	color: var(--wp--preset--color--tinta);
	line-height: 1.2;
}

.djt-cot-produto small,
.djt-comb-produto small {
	display: block;
	font-weight: 400;
	font-size: 0.7rem;
	color: var(--wp--preset--color--tinta-3);
}

.djt-cot-valor {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 800;
	font-size: 1.05rem;
	color: var(--wp--preset--color--tinta);
	white-space: nowrap;
	padding-right: 0.6rem;
}

.djt-cot-valor small,
.djt-comb-preco small {
	font-weight: 400;
	font-size: 0.7em;
	color: var(--wp--preset--color--tinta-3);
}

.djt-cot-rodape {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.7rem;
	color: var(--wp--preset--color--tinta-3);
	margin: 0.3rem 0 0;
}

/* ============ telas menores ============ */

@media (max-width: 62rem) {
	.djt-topo {
		/*
		 * minmax(0, 1fr), e nao 1fr: o quadro do meteoblue tem 378px fixos e,
		 * com 1fr, esticava a coluna inteira ate a borda da tela no celular,
		 * comendo a margem direita da lista, da charge e dos cartoes. Assim a
		 * coluna respeita a margem e o quadro rola dentro da propria moldura.
		 */
		grid-template-columns: minmax(0, 1fr);
		gap: 1.8rem;
	}

	.djt-lateral {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--wp--preset--color--fio);
		padding-top: 1.2rem;
	}

	.djt-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.djt-coluna:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}

	.djt-coluna:nth-child(even) {
		padding-right: 0;
	}
}

@media (max-width: 40rem) {
	.djt-grade {
		grid-template-columns: 1fr;
	}

	.djt-coluna {
		border-left: 0;
		padding-inline: 0;
		border-top: 1px solid var(--wp--preset--color--fio);
	}

	.djt-coluna:first-child {
		border-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

/* ============ alvos de toque ============
 * Abaixo de 44px o dedo erra o link. Isto pega os pontos que sobraram:
 * data, rótulo de editoria, lista de categorias do rodapé e paginação.
 */

.djt-editoria a,
.djt-hora a,
.wp-block-categories-list a,
.wp-block-page-list a,
.djt-rodape a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/*
 * Rótulo de editoria é etiqueta miúda dentro do texto, não item de menu.
 * O piso aqui são os 24px que a norma de acessibilidade exige para alvo
 * embutido; os 44px valem para navegação e listas, onde o dedo mira.
 */
.djt-editoria a {
	min-height: 24px;
	padding-block: 0.35rem;
	padding-inline-end: 0.4rem;
}

/* No celular a leitura vem antes da densidade: o corpo nunca encolhe. */
@media (max-width: 40rem) {
	body,
	.has-corpo-font-size {
		font-size: 1.0625rem;
	}

	.has-apoio-font-size {
		font-size: 0.95rem;
	}
}

/* ============ carrossel de destaques ============
 * A rolagem com encaixe faz o trabalho: cada cartão para alinhado sozinho, sem
 * biblioteca e sem JavaScript. O script só acrescenta o avanço automático e os
 * botões — se ele não carregar, a faixa continua rolável com o dedo.
 */

.djt-carrossel {
	position: relative;
	border-bottom: 1px solid var(--wp--preset--color--fio);
	padding-block: 1.2rem 1.4rem;
}

.djt-carrossel > h2 {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--miudo);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
	margin: 0 0 0.8rem;
}

.djt-trilho {
	/*
	 * O vão é uma variável porque a largura do cartão depende dele: três
	 * cartões mais dois vãos têm de somar exatamente a largura visível, senão
	 * sobra um pedaço de cartão cortado na borda.
	 */
	--vao: 1.1rem;

	display: flex;
	gap: var(--vao);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 0;
	/*
	 * Sem scroll-behavior aqui de propósito: quem anima é o carrossel.js, quadro
	 * a quadro. O suave nativo é cancelado pelo encaixe obrigatório em parte dos
	 * navegadores, e as duas animações juntas brigariam pela posição.
	 */
	scrollbar-width: thin;
	padding-bottom: 0.5rem;
	margin: 0;
	list-style: none;
}

/* Três cartões inteiros por tela. Nunca meia matéria aparecendo na borda. */
.djt-trilho > * {
	flex: 0 0 calc((100% - 2 * var(--vao)) / 3);
	scroll-snap-align: start;
	scroll-snap-stop: always;
	min-width: 0;
}

.djt-trilho .wp-block-post-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin-bottom: 0.5rem;
}

.djt-trilho .wp-block-post-title {
	font-size: var(--wp--preset--font-size--chamada);
	margin: 0;
}

/*
 * Um botao em cada lateral, no meio da altura. Antes ficavam os dois empilhados
 * no canto de cima, por cima da foto da ultima materia da tela.
 */
.djt-palco {
	position: relative;
	/*
	 * Pista lateral reservada aos botões. Sem ela os botões precisariam invadir
	 * o trilho e ficariam por cima da foto da primeira e da última matéria da
	 * tela. Com a pista, o cartão começa depois deles em qualquer largura.
	 */
	--pista: 2.4rem;

	padding-inline: var(--pista);
}

/*
 * Deslocamento zero coloca o botão no começo da pista, porque o cálculo do
 * posicionamento absoluto parte da caixa de preenchimento. Os 34px cabem nos
 * 38,4px da pista e ainda sobra folga antes do primeiro cartão.
 */
.djt-palco > button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 34px;
	height: 34px;
	font-size: 0.95rem;
	box-shadow: 0 1px 5px rgb(27 26 51 / 16%);
}

.djt-anterior {
	inset-inline-start: 0;
}

.djt-proximo {
	inset-inline-end: 0;
}

.djt-palco button {
	width: 34px;
	height: 34px;
	border: 1px solid var(--wp--preset--color--fio);
	background: var(--wp--preset--color--papel);
	color: var(--wp--preset--color--casa);
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	border-radius: 0;
}

.djt-palco button:hover,
.djt-palco button:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
	border-color: var(--wp--preset--color--casa);
}

/* Telas médias não comportam três cartões legíveis: passam a dois inteiros. */
@media (max-width: 62rem) {
	.djt-trilho > * {
		flex-basis: calc((100% - var(--vao)) / 2);
	}
}

@media (max-width: 40rem) {
	/* No celular, um cartão inteiro por vez. */
	.djt-trilho > * {
		flex-basis: 100%;
	}

	/* O dedo já rola: os botões e a pista deles só roubariam largura. */
	.djt-palco {
		--pista: 0rem;
	}

	.djt-palco > button {
		display: none;
	}
}

/* ============ faixa de combustíveis ============
 * Preços da pesquisa semanal da ANP em três colunas: os dois vizinhos
 * pesquisados (Rio Verde e Mineiros) e a média de Goiás. Alta em vermelho,
 * queda em verde: é o que importa para quem abastece.
 */

.djt-combustiveis {
	border-top: 1px solid var(--wp--preset--color--fio);
	padding-block: 1.6rem 1.8rem;
}

/*
 * O grupo usa layout "constrained", que prende tudo à largura de texto (44rem)
 * e espreme as três colunas. Aqui a faixa vai até a largura larga da folha.
 */
.djt-combustiveis.is-layout-constrained > * {
	max-width: var(--wp--style--global--wide-size);
}

.djt-comb-semana {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.9rem;
	color: var(--wp--preset--color--tinta-2);
	margin: 0.8rem 0 1rem;
}

.djt-comb-alerta {
	display: inline-block;
	margin-left: 0.3rem;
	padding: 0.15rem 0.5rem;
	font-weight: 700;
	color: #fff;
	background: var(--wp--preset--color--urgente);
}

.djt-comb-alerta.djt-desce {
	background: var(--wp--preset--color--ed-meio-ambiente);
}

.djt-comb-grade {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.djt-comb-local {
	background: var(--wp--preset--color--papel-alt);
	border-top: 4px solid var(--wp--preset--color--casa);
	padding: 0.9rem 1rem 0.8rem;
}

.djt-comb-local.djt-comb-media {
	border-top-color: var(--wp--preset--color--tinta-3);
}

.djt-comb-local h3 {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 800;
	font-size: 1.05rem;
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--tinta);
}

.djt-comb-local ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.djt-comb-local li {
	display: grid;
	grid-template-columns: 1fr auto 3.6rem;
	align-items: baseline;
	gap: 0.5rem;
	padding: 0.42rem 0;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-comb-local li:last-child {
	border-bottom: 0;
}

.djt-comb-produto {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.85rem;
	color: var(--wp--preset--color--tinta);
	line-height: 1.2;
}

.djt-comb-preco {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 800;
	font-size: 1.1rem;
	color: var(--wp--preset--color--tinta);
	white-space: nowrap;
}

.djt-var {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.75rem;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.djt-var.djt-sobe {
	color: var(--wp--preset--color--urgente);
}

.djt-var.djt-desce {
	color: var(--wp--preset--color--ed-meio-ambiente);
}

.djt-var.djt-igual {
	color: var(--wp--preset--color--tinta-3);
}

.djt-comb-dica {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.78rem;
	font-weight: 600;
	margin: 0.6rem 0 0;
	padding: 0.35rem 0.5rem;
	background: var(--wp--preset--color--papel);
	color: var(--wp--preset--color--ed-meio-ambiente);
}

.djt-comb-dica.djt-gasolina {
	color: var(--wp--preset--color--tinta-2);
}

.djt-comb-nota {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.72rem;
	color: var(--wp--preset--color--tinta-3);
	margin: 0.9rem 0 0;
}

@media (max-width: 62rem) {
	.djt-comb-grade {
		grid-template-columns: 1fr;
	}
}

/* ============ publicações e editais ============ */

/* ---- página da categoria ---- */

.djt-pub-topo {
	border-bottom: 3px solid var(--wp--preset--color--casa);
	padding-block: 1.6rem 1.2rem;
	margin-bottom: 1.6rem;
}

.djt-pub-grade {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.2rem;
}

.djt-pub-grade > li {
	border: 1px solid var(--wp--preset--color--fio);
	border-top: 3px solid var(--wp--preset--color--casa-2);
	background: var(--wp--preset--color--papel);
	padding: 1rem 1.1rem 1.1rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.djt-pub-grade > li:hover {
	border-color: var(--wp--preset--color--casa);
	box-shadow: 0 2px 10px rgb(27 26 51 / 10%);
}

.djt-pub-data {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
	font-variant-numeric: tabular-nums;
}

/* Título miúdo e em caixa alta contida: são nomes de empresa e tipos de ato,
   não manchetes. */
.djt-pub-grade .wp-block-post-title {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.25;
	letter-spacing: -0.005em;
	margin: 0;
}

.djt-pub-grade .wp-block-post-title a:hover {
	color: var(--wp--preset--color--casa);
}

.djt-pub-grade .wp-block-post-excerpt {
	margin: 0;
}

.djt-pub-grade .wp-block-post-excerpt__excerpt {
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--wp--preset--color--tinta-3);
}

.djt-pub-grade .wp-block-post-excerpt__more-link {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--wp--preset--color--casa);
	display: inline-block;
	margin-top: 0.4rem;
}

/* legenda herdada da foto que era repetida na matéria */
.djt-legenda {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta-3);
	border-left: 2px solid var(--wp--preset--color--fio);
	padding-left: 0.7rem;
	margin-block: 0.6rem 1.4rem;
}

@media (max-width: 62rem) {
	.djt-pub-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 40rem) {
	.djt-publicacoes-chamada {
		grid-template-columns: 1fr;
	}

	/* Duas colunas mesmo no celular: cartão de edital é curto e cabe. */
	.djt-pub-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.8rem;
	}

	.djt-pub-grade > li {
		padding: 0.8rem;
	}
}

/* ============ página de editais ============
 * Sessenta e seis avisos empilhados davam 33 telas de rolagem. Em grade, quem
 * procura o próprio nome ou o de uma empresa varre a página de relance.
 * O texto vai inteiro em cada cartão: edital é publicação de registro e não
 * pode ficar escondido atrás de um "leia mais".
 */

.djt-editais .wp-block-post-content {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.2rem;
	align-items: start;
	padding-block: 1.4rem;
}

/*
 * O separador e os parágrafos vazios que sobraram da lista antiga saem de cena.
 * Numa grade eles ocupam a largura inteira e, quando caem no meio de uma linha
 * incompleta, deixam células vazias — o buraco que aparecia entre os cartões.
 * O separador, aliás, já renderizava com largura zero: não separava nada.
 */
.djt-editais .wp-block-post-content > .wp-block-separator,
.djt-editais .wp-block-post-content > p:empty {
	display: none;
}

/* Texto de verdade entre os cartões, se houver, atravessa a grade. */
.djt-editais .wp-block-post-content > p {
	grid-column: 1 / -1;
}

.djt-edital {
	border: 1px solid var(--wp--preset--color--fio);
	background: var(--wp--preset--color--papel);
	overflow: hidden;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.djt-edital:hover {
	border-color: var(--wp--preset--color--casa);
	box-shadow: 0 2px 12px rgb(27 26 51 / 12%);
}

/*
 * Barra de título na cor da casa, com texto branco. É o desenho que o bloco
 * original pedia (titleColor branco sobre noticeColor azul); só a cor mudou,
 * do #3045df do plugin para o azul da logomarca.
 */
.djt-edital-titulo {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.85rem;
	line-height: 1.3;
	letter-spacing: 0.01em;
	color: #fff;
	background: var(--wp--preset--color--casa);
	margin: 0;
	padding: 0.7rem 0.9rem;
}

.djt-edital-texto {
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
	padding: 0.85rem 0.9rem 1rem;
}

.djt-edital-texto p {
	margin: 0 0 0.6rem;
}

.djt-edital-texto p:last-child {
	margin-bottom: 0;
}

/* O botão de fechar do plugin não faz sentido numa página de registro. */
.djt-editais .uagb-notice-close-button {
	display: none;
}

@media (max-width: 68rem) {
	.djt-editais .wp-block-post-content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 40rem) {
	/*
	 * Uma coluna no celular: texto de edital traz endereço, número de lote e
	 * CPF, e em meia tela de largura vira ilegível. Se preferir duas mesmo no
	 * telefone, é trocar este valor por 2.
	 */
	.djt-editais .wp-block-post-content {
		grid-template-columns: 1fr;
	}
}

/* ============ rodapé ============
 * Antes: uma lista de 18 categorias com marcadores, em coluna única, incluindo
 * "Destaque" — que é marcador interno da redação, não editoria. Ocupava meia
 * tela e deixava o resto vazio. Agora as doze editorias de verdade correm em
 * duas colunas, sem marcador, e a marca fica com o contato ao lado.
 */

.djt-rodape {
	background: var(--wp--preset--color--papel-alt);
	border-top: 3px solid var(--wp--preset--color--casa);
	margin-top: 2rem;
}

.djt-rodape-corpo {
	max-width: 76rem;
	margin-inline: auto;
	padding: 2.2rem clamp(0.9rem, 3vw, 2rem) 1.8rem;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 2rem 2.6rem;
	align-items: start;
}

.djt-rodape-marca img {
	width: 13rem;
	height: auto;
}

.djt-rodape-assinatura {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--apoio);
	color: var(--wp--preset--color--tinta);
	margin: 0.8rem 0 0.7rem;
}

.djt-rodape-contato {
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--miudo);
	line-height: 1.6;
	color: var(--wp--preset--color--tinta-3);
	margin: 0;
}

.djt-rodape-contato a {
	color: var(--wp--preset--color--casa);
	border-bottom: 1px solid currentcolor;
	/* Endereço de e-mail é palavra longa e sem espaço: sem isto ele estoura a
	   coluna em tela estreita. */
	overflow-wrap: anywhere;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

.djt-rodape h2 {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--miudo);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
	margin: 0 0 0.7rem;
	padding-bottom: 0.45rem;
	border-bottom: 1px solid var(--wp--preset--color--fio);
}

.djt-rodape-bloco ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* As doze editorias em duas colunas: a lista fica com metade da altura e o
   rodapé deixa de ser uma tira comprida. */
.djt-rodape-editorias ul {
	columns: 2;
	column-gap: 1.4rem;
}

.djt-rodape-bloco li {
	break-inside: avoid;
}

.djt-rodape-bloco a {
	display: flex;
	align-items: center;
	min-height: 36px;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--apoio);
	color: var(--wp--preset--color--tinta-2);
}

.djt-rodape-bloco a:hover,
.djt-rodape-bloco a:focus-visible {
	color: var(--wp--preset--color--casa);
}

.djt-rodape-base {
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-rodape-base p {
	max-width: 76rem;
	margin-inline: auto;
	padding: 0.9rem clamp(0.9rem, 3vw, 2rem);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--miudo);
	color: var(--wp--preset--color--tinta-3);
	text-align: center;
}

@media (max-width: 62rem) {
	.djt-rodape-corpo {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 40rem) {
	.djt-rodape-corpo {
		grid-template-columns: 1fr;
		gap: 1.6rem;
	}

	/* No celular a lista volta a uma coluna: duas ficariam estreitas demais. */
	.djt-rodape-editorias ul {
		columns: 1;
	}

	.djt-rodape-bloco a {
		min-height: 44px;
	}
}

/* ============ alinhamento das grades ============
 * O WordPress aplica margem superior a todo bloco que não seja o primeiro da
 * sequência. Dentro de uma grade isso desalinha a linha inteira: o primeiro
 * cartão fica 24px acima dos vizinhos. Aqui quem separa é o gap, não a margem.
 */

.djt-grade > *,
.djt-topo > *,
.djt-pub-grade > *,
.djt-trilho > *,
.djt-editais .wp-block-post-content > * {
	margin-block: 0;
}

/*
 * Cartões da mesma linha terminam juntos. Com align-items: start cada um ficava
 * com a própria altura e os rodapés saíam escalonados; esticando, o topo e a
 * base de cada linha ficam no mesmo nível.
 */
.djt-editais .wp-block-post-content,
.djt-pub-grade {
	align-items: stretch;
}

.djt-edital {
	display: flex;
	flex-direction: column;
}

/* O texto ocupa a sobra, para o cartão não ficar com um vão embaixo do conteúdo. */
.djt-edital-texto {
	flex: 1;
}

/* ============ cabeçalho ============
 * Estrutura de jornal: faixa de serviço, nameplate com orelhas, navegação.
 * As ORELHAS são as caixas que ladeiam o logotipo — solução da própria
 * diagramação de jornal para o cabeçalho que, só com a marca centralizada,
 * fica com dois terços de espaço vazio.
 */

.djt-faixa {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-faixa-interna {
	max-width: 76rem;
	margin-inline: auto;
	padding: 0.55rem clamp(0.9rem, 3vw, 2rem);
	display: flex;
	align-items: center;
	gap: 0.4rem 1.2rem;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--miudo);
}

.djt-faixa p {
	margin: 0;
}

.djt-faixa-data {
	font-weight: 600;
	letter-spacing: 0.01em;
}

.djt-faixa-praca {
	color: #c9c8ea;
	padding-left: 1.2rem;
	border-left: 1px solid rgb(255 255 255 / 28%);
}

.djt-faixa-atalho {
	margin-left: auto;
	display: flex;
	gap: 1rem;
}

.djt-faixa-atalho a {
	color: #c9c8ea;
	display: inline-flex;
	align-items: center;
	min-height: 26px;
}

.djt-faixa-atalho a:hover,
.djt-faixa-atalho a:focus-visible {
	color: #fff;
	border-bottom: 1px solid currentcolor;
}

/* ---- nameplate com orelhas ---- */

.djt-nameplate {
	max-width: 76rem;
	margin-inline: auto;
	padding: 1.3rem clamp(0.9rem, 3vw, 2rem) 1.1rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 1.4rem;
	background: var(--wp--preset--color--papel);
}

.djt-marca img {
	width: clamp(15rem, 34vw, 26rem);
	height: auto;
	margin-inline: auto;
}

.djt-orelha p {
	margin: 0;
}

.djt-orelha-titulo {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
}

.djt-orelha-texto {
	font-family: var(--wp--preset--font-family--texto);
	font-size: var(--wp--preset--font-size--apoio);
	font-style: italic;
	color: var(--wp--preset--color--tinta-3);
	margin-top: 0.15rem;
}

/* A orelha da esquerda encosta num fio, como caixa de jornal impresso. */
.djt-orelha-esq {
	border-left: 3px solid var(--wp--preset--color--casa);
	padding-left: 0.8rem;
}

.djt-orelha-dir {
	justify-self: end;
	width: min(100%, 15rem);
}

.djt-orelha-dir .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--fio);
	background: var(--wp--preset--color--papel);
}

.djt-orelha-dir .wp-block-search__input {
	border: 0;
	background: transparent;
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--apoio);
	padding: 0.5rem 0.7rem;
	min-height: 40px;
}

.djt-orelha-dir .wp-block-search__button {
	background: var(--wp--preset--color--casa);
	color: #fff;
	border: 0;
	min-height: 40px;
	min-width: 40px;
	padding-inline: 0.6rem;
}

.djt-orelha-dir .wp-block-search__button:hover {
	background: var(--wp--preset--color--casa-2);
}

.djt-cabecalho {
	border-bottom: 3px solid var(--wp--preset--color--casa);
}

.djt-menu {
	border-top: 1px solid var(--wp--preset--color--fio);
	background: var(--wp--preset--color--papel);
}

@media (max-width: 62rem) {
	/* Sem largura para três colunas, a orelha da esquerda sai e a busca desce. */
	.djt-nameplate {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 0.9rem;
	}

	.djt-orelha-esq {
		display: none;
	}

	.djt-orelha-dir {
		justify-self: stretch;
		width: 100%;
	}
}

@media (max-width: 40rem) {
	.djt-faixa-praca {
		padding-left: 0;
		border-left: 0;
	}

	.djt-faixa-atalho {
		margin-left: 0;
		flex-wrap: wrap;
		gap: 0.3rem 0.9rem;
	}
}

/* ============ alvos de toque ============
 * Abaixo de 24px o dedo erra o alvo — é o piso da norma de acessibilidade para
 * elemento embutido no texto. Navegação e listas usam 44px; estes aqui são os
 * casos que sobravam.
 */

/*
 * O link do anúncio envolve a peça. Sendo inline, a caixa dele media a altura
 * da LINHA (20px), não a da imagem: quem tocasse fora dessa faixa estreita não
 * acionava o anunciante. Em bloco, a área clicável passa a ser o banner inteiro.
 */
.djt-peca a {
	display: block;
}

.djt-peca img {
	display: block;
}

/*
 * Créditos exigidos por contrato pelos fornecedores dos widgets. São letra
 * miúda por natureza — não cabe agrandá-los —, mas o alvo ganha os 24px.
 */
.djt-servico a,
.djt-comb-nota a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

/* ============ paginação ============
 * Saía como texto solto — "1 2 3 4  Página seguinte" — sem indicar onde a
 * pessoa está nem onde pode tocar. Aqui cada número vira um alvo de 44px, a
 * página atual fica marcada na cor da casa e as setas ganham direção.
 */

.wp-block-query-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-top: 1.6rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*
	 * 34px no mouse, que mira com precisão. No toque a regra de pointer: coarse
	 * mais abaixo devolve os 44px, que é o que o dedo precisa — reduzir aqui
	 * sem aquela ressalva desfaria a correção de alvos de toque.
	 */
	min-width: 34px;
	min-height: 34px;
	padding-inline: 0.5rem;
	border: 1px solid var(--wp--preset--color--fio);
	background: var(--wp--preset--color--papel);
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.82rem;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--tinta-2);
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination .page-numbers:focus-visible,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus-visible,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus-visible {
	border-color: var(--wp--preset--color--casa);
	color: var(--wp--preset--color--casa);
}

/* A página em que a pessoa está: cheia, não vazada. */
.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--casa);
	border-color: var(--wp--preset--color--casa);
	color: #fff;
}

/* As reticências não são alvo: sem moldura e sem tamanho de botão. */
.wp-block-query-pagination .page-numbers.dots {
	border: 0;
	background: transparent;
	min-width: 1.5rem;
	padding-inline: 0;
	color: var(--wp--preset--color--tinta-3);
}

/* Setas dão a direção sem depender só da palavra. */
.wp-block-query-pagination-previous::before {
	content: "\2039";
	margin-inline-end: 0.45rem;
	font-size: 1.15rem;
	line-height: 1;
}

.wp-block-query-pagination-next::after {
	content: "\203A";
	margin-inline-start: 0.45rem;
	font-size: 1.15rem;
	line-height: 1;
}

/*
 * Sem margem automática: as setas ficavam encostadas nas bordas e o conjunto
 * espalhado pela largura toda. Agrupados, os controles leem-se como um bloco só
 * e centralizado.
 */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	padding-inline: 0.7rem;
}

/* No toque o alvo volta aos 44px, independentemente da largura da tela. */
@media (pointer: coarse) {
	.wp-block-query-pagination .page-numbers,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next {
		min-width: 44px;
		min-height: 44px;
	}
}

@media (max-width: 40rem) {
	/*
	 * Em tela estreita as setas ficam nas pontas e os números embaixo, em vez
	 * de tudo espremido numa linha só.
	 */
	.wp-block-query-pagination {
		gap: 0.5rem;
	}

	.wp-block-query-pagination-numbers {
		order: 3;
		width: 100%;
		justify-content: center;
	}

}

/* ============ chamada dos editais ============
 * A capa inteira é branca; uma faixa cheia na cor da casa para o olho sem
 * precisar de recurso barato. O carimbo com a contagem é o que prende: ato
 * oficial carrega carimbo, então a figura vem do próprio assunto — e o número
 * diz que ali existe acervo, não uma página vazia.
 */

.djt-ec {
	background: var(--wp--preset--color--casa);
	color: #fff;
	margin-block: 1.8rem 0;
}

.djt-ec-interna {
	max-width: 76rem;
	margin-inline: auto;
	padding: 2rem clamp(0.9rem, 3vw, 2rem);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2rem;
}

.djt-ec-etiqueta {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #b8b6ea;
	margin: 0 0 0.5rem;
}

.djt-ec-titulo {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 800;
	font-size: clamp(1.5rem, 3.4vw, 2.3rem);
	line-height: 1.08;
	letter-spacing: -0.024em;
	color: #fff;
	margin: 0 0 0.7rem;
	text-wrap: balance;
}

.djt-ec-linha {
	font-size: var(--wp--preset--font-size--apoio);
	line-height: 1.55;
	color: #d6d5f2;
	margin: 0 0 1.2rem;
	max-width: 40rem;
}

.djt-ec-botao {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding-inline: 1.4rem;
	background: #fff;
	color: var(--wp--preset--color--casa);
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--apoio);
	letter-spacing: 0.02em;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* dois botoes: Licenciamento Ambiental e Editais e Avisos Oficiais */
.djt-ec-botoes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0;
}

.djt-ec-botao::after {
	content: "\2192";
	margin-inline-start: 0.6rem;
	font-size: 1.05em;
}

.djt-ec-botao:hover,
.djt-ec-botao:focus-visible {
	background: #ffe9a8;
	color: var(--wp--preset--color--casa);
}

/* ---- o carimbo ---- */

.djt-ec-carimbo {
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 0.15rem;
	width: 8rem;
	height: 8rem;
	border: 1px solid rgb(255 255 255 / 34%);
	border-radius: 50%;
	/* O segundo anel, por dentro, é o que dá cara de carimbo — fino, para
	   sugerir a figura sem virar o assunto da faixa. */
	box-shadow: inset 0 0 0 4px var(--wp--preset--color--casa), inset 0 0 0 5px rgb(255 255 255 / 18%);
	transform: rotate(-4deg);
	text-align: center;
}

.djt-ec-numero {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 800;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	color: rgb(255 255 255 / 92%);
}

.djt-ec-legenda {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.6rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.35;
	color: rgb(184 182 234 / 78%);
}

@media (max-width: 52rem) {
	.djt-ec-interna {
		grid-template-columns: 1fr;
		justify-items: start;
		gap: 1.5rem;
	}

	/* No celular o carimbo encolhe e vai para o fim, depois do botão. */
	.djt-ec-carimbo {
		order: 2;
		width: 6.5rem;
		height: 6.5rem;
		justify-self: center;
	}

	.djt-ec-numero {
		font-size: 1.6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-ec-carimbo {
		transform: none;
	}
}

/* ============ identidade das publicações oficiais ============
 * Estas páginas ganham cara de caderno de publicidade legal impressa: serifa
 * nos títulos, versalete, fios finos e um filete duplo sob a cabeça de seção.
 * Não é enfeite retrô — é assim que edital se compõe em papel há um século, e o
 * leitor que procura um ato oficial reconhece a forma antes de ler a palavra.
 */

.djt-editais .wp-block-post-title,
.djt-pub-topo {
	text-align: center;
	border: 0;
	padding-block: 2rem 0;
	margin-bottom: 1.8rem;
}

/* Cabeça de seção: nome do jornal em versalete sobre fio grosso. */
.djt-editais .wp-block-post-title::before,
.djt-pub-etiqueta {
	display: block;
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.66rem;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
	padding-bottom: 0.7rem;
	margin: 0 auto 0.9rem;
	max-width: 34rem;
	border-bottom: 3px double var(--wp--preset--color--casa);
}

.djt-editais .wp-block-post-title::before {
	content: "Diário de Jataí";
}

.djt-pub-etiqueta::before {
	content: "Diário de Jataí — ";
}

/* O título da seção em serifa: documento oficial não se anuncia em caixa alta
   de manchete, e sim com a compostura de um texto de registro. */
.djt-editais .wp-block-post-title,
.djt-pub-h1 {
	font-family: var(--wp--preset--font-family--texto);
	font-weight: 600;
	font-size: clamp(1.7rem, 4vw, 2.6rem);
	letter-spacing: 0.01em;
	line-height: 1.12;
	color: var(--wp--preset--color--tinta);
}

.djt-pub-linha {
	font-family: var(--wp--preset--font-family--texto);
	font-style: italic;
	font-size: 1rem;
	color: var(--wp--preset--color--tinta-2);
	max-width: 40rem;
	margin: 0.8rem auto 0;
	padding-top: 0.8rem;
	border-top: 1px solid var(--wp--preset--color--fio);
}

.djt-pub-linha a {
	font-style: normal;
	color: var(--wp--preset--color--casa);
	border-bottom: 1px solid currentcolor;
}

/* ---- os avisos ---- */

.djt-pub-grade > li,
.djt-edital {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--tinta);
	background: transparent;
	box-shadow: none;
	padding: 0.9rem 1.1rem 1.2rem 0;
	position: relative;
}

.djt-pub-grade > li:hover,
.djt-edital:hover {
	border-color: var(--wp--preset--color--casa);
	box-shadow: none;
}

/* Fio vertical separando as colunas, como coluna de jornal impresso. */
.djt-pub-grade > li:not(:nth-child(3n)),
.djt-editais .wp-block-post-content > .djt-edital:not(:nth-child(3n)) {
	border-right: 1px solid var(--wp--preset--color--fio);
	padding-right: 1.1rem;
}

/* O título do aviso: serifa, versalete, sem a barra colorida. */
.djt-edital-titulo,
.djt-pub-grade .wp-block-post-title {
	font-family: var(--wp--preset--font-family--texto);
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.28;
	letter-spacing: 0.015em;
	font-variant-caps: small-caps;
	text-transform: lowercase;
	color: var(--wp--preset--color--tinta);
	background: transparent;
	padding: 0;
	margin: 0.35rem 0 0.5rem;
}

.djt-edital-titulo::first-letter,
.djt-pub-grade .wp-block-post-title::first-letter {
	text-transform: uppercase;
}

.djt-edital-texto,
.djt-pub-grade .wp-block-post-excerpt__excerpt {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta-2);
	padding: 0;
	text-align: justify;
	hyphens: auto;
}

/* Data em versalete espaçado, o carimbo de tempo da publicação. */
.djt-pub-data,
.djt-edital .djt-edital-data {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.62rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
}

.djt-pub-grade .wp-block-post-excerpt__more-link {
	font-family: var(--wp--preset--font-family--texto);
	font-style: italic;
	font-weight: 400;
	font-size: 0.8rem;
	color: var(--wp--preset--color--casa);
	border-bottom: 1px solid currentcolor;
}

/* Um filete fecha a última linha da grade, como o pé de uma coluna impressa. */
.djt-editais .wp-block-post-content,
.djt-pub-grade {
	border-bottom: 3px double var(--wp--preset--color--tinta);
	padding-bottom: 1.5rem;
}

@media (max-width: 68rem) {
	.djt-pub-grade > li:not(:nth-child(3n)),
	.djt-editais .wp-block-post-content > .djt-edital:not(:nth-child(3n)) {
		border-right: 0;
		padding-right: 0;
	}

	.djt-pub-grade > li:not(:nth-child(2n)),
	.djt-editais .wp-block-post-content > .djt-edital:not(:nth-child(2n)) {
		border-right: 1px solid var(--wp--preset--color--fio);
		padding-right: 1.1rem;
	}
}

@media (max-width: 40rem) {
	.djt-pub-grade > li,
	.djt-editais .wp-block-post-content > .djt-edital {
		border-right: 0 !important;
		padding-right: 0 !important;
	}

	.djt-edital-texto,
	.djt-pub-grade .wp-block-post-excerpt__excerpt {
		text-align: left;
	}
}

/* -------------------------------------------------------------------------
   Página de contato.

   O endereço de e-mail não aparece em lugar nenhum: é essa a razão de haver
   formulário. O visitante escreve, o servidor entrega.
   ------------------------------------------------------------------------- */
.djt-contato-abertura {
	max-width: 34rem;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--wp--preset--color--tinta-3);
	margin-bottom: 2rem;
}

.wpcf7 {
	max-width: 34rem;
}

.wpcf7 .djt-campo {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-bottom: 1.3rem;
}

.wpcf7 .djt-campo label {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1rem;
	line-height: 1.5;
	color: var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--papel);
	border: 1px solid var(--wp--preset--color--fio);
	border-radius: 2px;
	/* 0.75rem de altura interna mantém o alvo de toque acima de 44px no celular. */
	padding: 0.75rem 0.85rem;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
	outline: 2px solid var(--wp--preset--color--casa);
	outline-offset: 1px;
	border-color: var(--wp--preset--color--casa);
}

.wpcf7 textarea {
	min-height: 11rem;
	resize: vertical;
}

.wpcf7 .djt-envio {
	margin-top: 1.6rem;
}

.wpcf7 input[type="submit"] {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 700;
	font-size: 0.74rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #fff;
	background: var(--wp--preset--color--casa);
	border: 0;
	border-radius: 2px;
	padding: 0.95rem 2rem;
	cursor: pointer;
	transition: opacity 0.15s ease;
}

.wpcf7 input[type="submit"]:hover {
	opacity: 0.88;
}

.wpcf7 input[type="submit"]:disabled {
	opacity: 0.5;
	cursor: progress;
}

/* Os avisos do formulário: erro em vermelho sóbrio, sucesso na cor da casa. */
.wpcf7 form .wpcf7-response-output {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.92rem;
	line-height: 1.5;
	margin: 1.4rem 0 0;
	padding: 0.9rem 1rem;
	border: 1px solid currentcolor;
	border-radius: 2px;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: var(--wp--preset--color--casa);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	color: #a3231f;
}

.wpcf7-not-valid-tip {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 0.84rem;
	color: #a3231f;
}

@media (max-width: 40rem) {
	.wpcf7 textarea {
		min-height: 9rem;
	}
}

/* A linha do CPF/CNPJ, logo abaixo do requerente. Fica discreta e alinhada
   com a data: é dado de identificação, não corpo do aviso. */
.djt-edital-texto .djt-edital-doc {
	font-family: var(--wp--preset--font-family--titulo);
	font-weight: 600;
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tinta-3);
	margin-bottom: 0.7rem;
	font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------------------
   O requerente comporta-se como parágrafo, não como manchete.

   Em edital o nome do requerente é a primeira linha do aviso, e não um título
   de matéria: mesmo corpo de letra do texto, mesma entrelinha, caixa como foi
   digitada. O versalete anterior devolvia "AUTO POSTO LTDA" como "Auto posto
   ltda", o que numa publicação legal descaracteriza a razão social.

   A classe é só desta página; as categorias mantêm o título de manchete.
   ------------------------------------------------------------------------- */
.djt-pub-grade .wp-block-post-title.djt-edital-titulo,
.djt-edital .djt-edital-titulo {
	font-family: var(--wp--preset--font-family--texto);
	/* Maior que o corpo (0.82rem), para o requerente abrir o aviso com peso. */
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: normal;
	font-variant-caps: normal;
	text-transform: none;
	text-align: left;
	color: var(--wp--preset--color--tinta);
	background: transparent;
	margin: 0 0 0.35rem;
	padding: 0;
}

/* O requerente, agora parágrafo dentro do texto e não campo de título.
   NÃO leva text-align: sem isso, alinhar à esquerda, ao centro ou à direita
   pela barra do editor não teria efeito — a regra do tema venceria a classe
   has-text-align-* que o alinhamento gera. */
.djt-edital-texto .djt-edital-requerente {
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--wp--preset--color--tinta);
	margin: 0 0 0.5rem;
	hyphens: none;
}

/* =========================================================================
   Grade das publicações oficiais — presença de documento.

   Antes: data, título, resumo e link com quase o mesmo peso, separados só por
   fios verticais. Nada puxava o olho, os rodapés paravam em alturas
   diferentes e o "Ler publicação" desaparecia.

   Agora cada publicação é uma peça fechada: carimbo de data em azul da casa,
   título com peso, resumo contido em quatro linhas e o chamado preso no pé —
   assim todos os cartões terminam na mesma linha.
   ========================================================================= */
.djt-pub-grade {
	gap: 1.15rem;
	border-bottom: 0;
	padding-bottom: 0;
}

/* O fio vertical de coluna sai: agora cada publicação tem borda própria.
   Repete o seletor com :not() porque é assim que a regra antiga está escrita —
   com menos especificidade, ela venceria. */
.djt-pub-grade > li,
.djt-pub-grade > li:not(:nth-child(3n)),
.djt-pub-grade > li:not(:nth-child(2n)) {
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--papel);
	border: 1px solid var(--wp--preset--color--fio);
	border-top: 3px solid var(--wp--preset--color--casa);
	border-right: 1px solid var(--wp--preset--color--fio);
	padding: 1.05rem 1.15rem 1.15rem;
	transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.djt-pub-grade > li:hover {
	border-color: var(--wp--preset--color--casa);
	box-shadow: 0 6px 20px rgba(46, 48, 139, 0.10);
	transform: translateY(-2px);
}

/* Carimbo da data: o único ponto de cor cheia do cartão, e o que ancora o
   olho ao percorrer a grade. */
.djt-pub-grade .djt-pub-data {
	align-self: flex-start;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.58rem;
	letter-spacing: 0.15em;
	padding: 0.3rem 0.6rem;
	margin: 0 0 0.85rem;
	font-variant-numeric: tabular-nums;
}

/* Título com peso e na caixa em que foi escrito: nome de empresa e tipo de
   ato não se transformam. Três linhas no máximo, para a grade não desalinhar. */
.djt-pub-grade .wp-block-post-title {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.26;
	letter-spacing: normal;
	font-variant-caps: normal;
	text-transform: none;
	color: var(--wp--preset--color--tinta);
	margin: 0 0 0.6rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.djt-pub-grade .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.djt-pub-grade .wp-block-post-title a:hover {
	color: var(--wp--preset--color--casa);
}

/* Resumo alinhado à esquerda: justificar em coluna estreita abre rios de
   espaço entre as palavras, como se via em "ASSOCIAÇÃO   BRASILEIRA   DE". */
.djt-pub-grade .wp-block-post-excerpt__excerpt {
	text-align: left;
	hyphens: auto;
	font-size: 0.8rem;
	line-height: 1.52;
	color: var(--wp--preset--color--tinta-3);
	margin: 0 0 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* O chamado, preso no pé do cartão: o margin-top automático empurra-o para
   baixo, e todos os cartões terminam alinhados. */
.djt-pub-grade .wp-block-post-excerpt__more-text {
	margin: auto 0 0;
	padding-top: 0.2rem;
}

.djt-pub-grade .wp-block-post-excerpt__more-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--wp--preset--font-family--titulo);
	font-style: normal;
	font-weight: 700;
	font-size: 0.66rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--casa);
	border-bottom: 0;
	/* 44px de alvo de toque no celular, sem engordar o cartão no desktop. */
	padding: 0.5rem 0;
}

.djt-pub-grade .wp-block-post-excerpt__more-link::after {
	content: "→";
	font-size: 0.9rem;
	transition: transform 0.16s ease;
}

.djt-pub-grade > li:hover .wp-block-post-excerpt__more-link::after {
	transform: translateX(3px);
}

@media (max-width: 68rem) {
	.djt-pub-grade > li:not(:nth-child(3n)),
	.djt-pub-grade > li:not(:nth-child(2n)) {
		border-right: 1px solid var(--wp--preset--color--fio);
		padding-right: 1.15rem;
	}
}

@media (max-width: 40rem) {
	.djt-pub-grade > li {
		border-right: 1px solid var(--wp--preset--color--fio) !important;
		padding-right: 1.15rem !important;
	}
}

/* O bloco de resumo é o filho flexível do cartão. Sem isto, o margin-top
   automático do chamado age dentro do próprio bloco de resumo e não empurra
   nada — era por isso que "LER PUBLICAÇÃO" parava em alturas diferentes. */
.djt-pub-grade > li > .wp-block-post-excerpt {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	margin: 0;
}

/* No celular estreito, uma coluna só.
   A regra anterior mantinha duas colunas "porque o cartão de edital é curto e
   cabe" — valia quando o cartão era texto corrido. Com carimbo de data, título
   com peso e chamado no pé, 164px por coluna parte o título no meio da
   palavra: "EXTRAORDINÁ / RIA". Duas colunas voltam a partir de 480px. */
@media (max-width: 30rem) {
	.djt-pub-grade {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}

	.djt-pub-grade .wp-block-post-title {
		font-size: 1rem;
		-webkit-line-clamp: 4;
	}

	.djt-pub-grade .djt-pub-data {
		font-size: 0.55rem;
	}
}

/* Em tela de toque o chamado precisa de 44px de altura. No mouse fica menor,
   que é o suficiente e não engorda o cartão. */
@media (pointer: coarse) {
	.djt-pub-grade .wp-block-post-excerpt__more-link {
		padding: 0.72rem 0;
	}
}

/* ============ carrossel de destaques: acabamento ============
 * Cartao de foto inteira com o titulo por cima, botoes redondos sobre a faixa
 * e barra de progresso no lugar da barra de rolagem. A mecanica (encaixe e
 * avanco) continua a mesma; assets/carrossel.js.
 */

.djt-carrossel {
	padding-block: 1.3rem 1.5rem;
}

.djt-carrossel > h2 {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 0.9rem;
	font-size: 0.82rem;
	font-weight: 800;
}

.djt-carrossel > h2::before {
	content: "";
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--wp--preset--color--urgente, #c8102e);
	box-shadow: 0 0 0 4px rgba(200, 16, 46, 0.16);
}

.djt-carrossel .djt-palco {
	--pista: 0rem;
}

.djt-carrossel .djt-trilho {
	--vao: 1.1rem;
	padding-bottom: 0;
	scrollbar-width: none;
}

.djt-carrossel .djt-trilho::-webkit-scrollbar {
	display: none;
}

.djt-carrossel .djt-trilho > li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 0.45rem;
	box-sizing: border-box;
	aspect-ratio: 4 / 3;
	padding: 1.1rem 1.1rem 1.05rem;
	overflow: hidden;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--wp--preset--color--casa), var(--wp--preset--color--tinta));
	isolation: isolate;
}

.djt-carrossel .djt-trilho .wp-block-post-featured-image {
	position: absolute;
	inset: 0;
	z-index: -2;
	margin: 0;
}

.djt-carrossel .djt-trilho .wp-block-post-featured-image a {
	display: block;
	height: 100%;
}

.djt-carrossel .djt-trilho .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	margin: 0;
	transition: transform 0.5s ease;
}

.djt-carrossel .djt-trilho > li:hover .wp-block-post-featured-image img,
.djt-carrossel .djt-trilho > li:focus-within .wp-block-post-featured-image img {
	transform: scale(1.05);
}

/* Escurece a base da foto para o titulo ficar legivel sobre qualquer imagem. */
.djt-carrossel .djt-trilho > li::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(15, 14, 35, 0) 28%, rgba(15, 14, 35, 0.62) 60%, rgba(15, 14, 35, 0.94) 100%);
	pointer-events: none;
}

.djt-carrossel .djt-trilho .djt-editoria {
	align-self: flex-start;
	display: inline-flex;
	margin: 0;
	padding: 0.32rem 0.7rem;
	border-radius: 999px;
	background: #ffd84d;
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
}

.djt-carrossel .djt-trilho .djt-editoria a {
	padding: 0;
	border: 0;
	line-height: 1;
}

.djt-carrossel .djt-trilho .djt-editoria a {
	color: #1b1a33;
	text-decoration: none;
}

/* "Destaque" e marcacao interna, nao editoria. */
.djt-carrossel .djt-trilho .djt-editoria a[href*="/category/destaque/"],
.djt-carrossel .djt-trilho .djt-editoria .wp-block-post-terms__separator {
	display: none;
}

.djt-carrossel .djt-trilho .wp-block-post-title {
	margin: 0;
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 800;
	line-height: 1.22;
	text-wrap: balance;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.djt-carrossel .djt-trilho .wp-block-post-title a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* O cartao inteiro leva a materia. */
.djt-carrossel .djt-trilho .wp-block-post-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.djt-carrossel .djt-trilho > li:focus-within {
	outline: 3px solid #ffd84d;
	outline-offset: -3px;
}

/* botoes: ficam na linha do titulo, a direita, fora das materias
   (pedido do dono: nao podem cobrir as fotos). */
.djt-carrossel .djt-palco {
	position: static;
}

.djt-carrossel > h2 {
	min-height: 40px;
	padding-right: 6rem;
}

.djt-carrossel .djt-palco > button {
	top: 1.3rem;
	margin: 0;
	transform: none;
	width: 40px;
	height: 40px;
	border: 1.5px solid var(--wp--preset--color--casa);
	border-radius: 50%;
	background: #fff;
	color: var(--wp--preset--color--casa);
	font-size: 1.4rem;
	line-height: 1;
	box-shadow: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.djt-carrossel .djt-palco > button:hover,
.djt-carrossel .djt-palco > button:focus-visible {
	background: var(--wp--preset--color--casa);
	color: #fff;
}

.djt-carrossel .djt-anterior {
	inset-inline-start: auto;
	inset-inline-end: 3rem;
}

.djt-carrossel .djt-proximo {
	inset-inline-end: 0;
}

/* progresso */
.djt-progresso {
	height: 4px;
	margin-top: 0.9rem;
	border-radius: 999px;
	background: var(--wp--preset--color--fio);
	overflow: hidden;
}

.djt-progresso span {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	transition: width 0.25s ease;
}

@media (max-width: 40rem) {
	/* No celular o cartao seguinte aparece na borda: mostra que da para arrastar. */
	.djt-carrossel .djt-trilho {
		--vao: 0.7rem;
	}

	.djt-carrossel .djt-trilho > li {
		flex-basis: 86%;
		aspect-ratio: 5 / 4;
	}

	.djt-carrossel .djt-trilho .wp-block-post-title {
		font-size: 1.08rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.djt-carrossel .djt-trilho .wp-block-post-featured-image img,
	.djt-carrossel .djt-palco > button,
	.djt-progresso span {
		transition: none;
	}
}

/* ============ capa: acabamento ============
 * So aparencia: fotos com canto arredondado e leve aproximacao ao passar o
 * mouse, titulos de secao mais fortes, listas mais legiveis. Nenhum bloco
 * muda de lugar nem de tamanho de forma relevante (as colunas principal e
 * lateral continuam equilibradas).
 */

/* "Destaque" e marcacao interna, nao editoria. */
.home .djt-editoria a[href*="/category/destaque/"],
.home .djt-editoria .wp-block-post-terms__separator {
	display: none;
}

/* fotos */
.home .djt-principal .wp-block-post-featured-image,
.home .djt-coluna .wp-block-post-featured-image {
	overflow: hidden;
	border-radius: 12px;
}

.home .djt-principal .wp-block-post-featured-image img,
.home .djt-coluna .wp-block-post-featured-image img {
	display: block;
	margin-bottom: 0;
	transition: transform 0.45s ease;
}

.home .djt-coluna .wp-block-post-featured-image {
	margin-bottom: 0.7rem;
}

.home .djt-principal li:hover .wp-block-post-featured-image img,
.home .djt-coluna li:hover .wp-block-post-featured-image img {
	transform: scale(1.04);
}

/* titulos de secao */
.home .djt-titulo-secao {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.8rem;
	font-weight: 800;
	border-bottom-width: 3px;
}

.home .djt-titulo-secao::before {
	content: "";
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 2px;
	background: #ffd84d;
	box-shadow: 0 0 0 1px var(--wp--preset--color--casa);
}

/* manchete */
.home .djt-principal > .wp-block-query:first-of-type .djt-editoria {
	margin: 0.9rem 0 0.2rem;
}

.home .djt-principal > .wp-block-query:first-of-type .djt-editoria a {
	display: inline-block;
	padding: 0.28rem 0.75rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--casa);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.home .djt-principal > .wp-block-query:first-of-type .djt-editoria a[href*="/category/destaque/"] {
	display: none;
}

.home .djt-principal > .wp-block-query:first-of-type .wp-block-post-title {
	text-wrap: balance;
}

.home .djt-principal .wp-block-post-title a,
.home .djt-coluna .wp-block-post-title a,
.home .djt-lateral .djt-lista .wp-block-post-title a {
	text-decoration: none;
	transition: color 0.15s ease;
}

.home .djt-principal > .wp-block-query .wp-block-post-title a:hover,
.home .djt-principal > .wp-block-query .wp-block-post-title a:focus-visible,
.home .djt-lateral .djt-lista .wp-block-post-title a:hover,
.home .djt-lateral .djt-lista .wp-block-post-title a:focus-visible {
	color: var(--wp--preset--color--casa);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* listas (ultimas noticias e listas das editorias) */
.home .djt-lista .djt-hora {
	display: inline-block;
	margin-top: 0.75rem;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	background: var(--wp--preset--color--papel-alt);
	color: var(--wp--preset--color--tinta-2);
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.4;
}

.home .djt-lista .wp-block-post-title {
	font-weight: 700;
	line-height: 1.32;
}

.home .djt-lista a {
	padding-block: 0.35rem 0.75rem;
	min-height: 0;
}

/* A lista da lateral e mais apertada: mantem as duas colunas da capa com a
   mesma altura (a lateral nao pode passar da principal). */
.home .djt-lateral .djt-lista .djt-hora {
	margin-top: 0.5rem;
}

.home .djt-lateral .djt-lista a {
	padding-block: 0.3rem 0.5rem;
}

/* colunas das editorias */
.home .djt-coluna > h2 {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-bottom-width: 3px;
}

.home .djt-coluna > h2::before {
	content: "";
	flex: none;
	width: 0.45rem;
	height: 1.1rem;
	border-radius: 2px;
	background: currentcolor;
}

.home .djt-coluna .wp-block-post-title a:hover,
.home .djt-coluna .wp-block-post-title a:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* publicidade */
.home .djt-anuncio img {
	border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
	.home .djt-principal .wp-block-post-featured-image img,
	.home .djt-coluna .wp-block-post-featured-image img {
		transition: none;
	}
}