/* ==========================================================================
   alinha/ — main.css
   Fase 3: header e rodape
   Tokens vem do theme.json (var(--wp--preset--*)).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HEADER
   -------------------------------------------------------------------------- */

.al-header .wp-block-site-logo img {
	height: 32px;
	width: auto;
	display: block;
}

.al-header .wp-block-site-logo a {
	display: inline-block;
	transition: transform .15s ease;
}

.al-header__inner {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--5);
}
/* Logo: o mockup usa 32px de ALTURA (o bloco do WP controla largura). */
.al-header .wp-block-site-logo {
	flex: 0 0 auto;
	margin: 0;
}

.al-header .wp-block-site-logo .custom-logo-link {
	display: inline-block;
	transition: transform .15s ease;
	transform-origin: left center;
}

.al-header .wp-block-site-logo .custom-logo-link:hover {
	transform: scale(1.05);
}

.al-header .wp-block-site-logo a:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

/* Se o seu PNG de logo for ESCURO, descomente a linha abaixo para inverte-lo
   e deixa-lo branco sobre o fundo preto. Se o logo ja for branco, mantenha
   comentado. */
/*
.al-header .wp-block-site-logo img,
.al-footer .wp-block-site-logo img { filter: invert(1) brightness(2); }
*/

.al-header__nav {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--wp--preset--spacing--5);
}

/* Navegacao em fundo escuro: padrao "navegacao" = sem sublinhado, hover com escala */
.al-header .wp-block-navigation {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .02em;
	gap: var(--wp--preset--spacing--5);
}

.al-header .wp-block-navigation a,
.al-header .wp-block-navigation a:visited {
	color: var(--wp--preset--color--paper-0);
	text-decoration: none;
	display: inline-block;
	transition: transform .15s ease;
}

.al-header .wp-block-navigation .wp-block-navigation-item__content,
.al-header .wp-block-navigation .wp-block-navigation-item__content:visited {
	display: inline-block;
	transition: transform .15s ease;
	transform-origin: center;
}

/* Sem scale(): o guia pede que o hover não desloque texto. O sublinhado
   grosso mantém o sinal de interação dentro da linguagem do template. */
.al-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

.al-header .wp-block-navigation a:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

/* Busca: so o icone, branco */
.al-header .wp-block-search__button {
	background: transparent;
	border: none;
	padding: 0;
	color: var(--wp--preset--color--paper-0);
	transition: transform .15s ease;
}

.al-header .al-search .wp-block-search__button,
.al-header .al-search .wp-block-search__button.has-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .15s ease;
	transform-origin: center;
}

.al-header .al-search .wp-block-search__button:hover,
.al-header .al-search .wp-block-search__button.has-icon:hover {
	transform: scale(1.15);
	background: transparent;
}

.al-header .wp-block-search__button:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

.al-header .wp-block-search__button svg {
	fill: var(--wp--preset--color--paper-0);
	width: 16px;
	height: 16px;
}

/* Menu hamburguer (mobile) */
.al-header .wp-block-navigation__responsive-container-open svg,
.al-header .wp-block-navigation__responsive-container-close svg {
	fill: var(--wp--preset--color--paper-0);
}

.al-header .wp-block-navigation__responsive-container-open:focus-visible,
.al-header .wp-block-navigation__responsive-container-close:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

.al-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
}

.al-header .wp-block-navigation__responsive-container.is-menu-open a {
	font-size: 20px;
}

/* --------------------------------------------------------------------------
   2. RODAPE
   -------------------------------------------------------------------------- */

.al-footer__inner {
	gap: var(--wp--preset--spacing--7);
	align-items: flex-start;
}

.al-footer__brand {
	gap: var(--wp--preset--spacing--5);
	max-width: 320px;
}

.al-footer .wp-block-site-logo img {
	height: 20px;
	width: auto;
	display: block;
}

.al-footer__brand-head {
	position: relative;
	gap: 10px;
	align-items: flex-start;
	width: fit-content;
	transition: transform .15s ease;
	transform-origin: left center;
}

.al-footer__brand-head:hover {
	transform: scale(1.05);
}

/* estica a area clicavel do logo sobre o grupo inteiro */
.al-footer__brand-head .custom-logo-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.al-footer__brand-head .custom-logo-link:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

.al-footer__brand-head .wp-block-site-logo,
.al-footer__brand-head .custom-logo-link,
.al-footer__brand-head .al-footer__tagline {
	margin-left: 0;
	padding-left: 0;
	align-self: flex-start;
}

.al-footer__brand-head .wp-block-site-logo {
	margin: 0;
}

.al-footer .wp-block-site-logo a:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

.al-footer__tagline {
	color: #cccccc;
	margin: 0;
}

.al-footer__expediente {
	color: #999999;
	line-height: 1.6;
	margin: 0;
}

/* Colunas de links */
.al-footer__cols {
	gap: var(--wp--preset--spacing--7);
	align-items: flex-start;
}

.al-footer__colgroup {
	gap: var(--wp--preset--spacing--5);
}

.al-footer__col {
	gap: var(--wp--preset--spacing--2);
}

.al-footer__label {
	font-weight: 700;
	color: var(--wp--preset--color--paper-0);
	letter-spacing: 0;
	margin: 0 0 4px;
	font-size: 14px;
}

.al-footer__link {
	margin: 0;
}

/* Links do rodape: padrao "navegacao" = sem sublinhado, borda no hover */
.al-footer__link a,
.al-footer__link a:visited {
	color: #cccccc;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
	transition: border-color .15s ease;
}

.al-footer__link a:hover {
	border-bottom-color: #cccccc;
}

.al-footer__link a:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

/* --------------------------------------------------------------------------
   2b. MATERIA (single)
   -------------------------------------------------------------------------- */

/* Breadcrumb */
.al-article .yoast-breadcrumbs {
	font-size: 13px;
	color: var(--wp--preset--color--ink-4);
	margin-top: 0;
	margin-bottom: 8px;
}

.al-article .yoast-breadcrumbs a,
.al-article .yoast-breadcrumbs a:visited {
	color: var(--wp--preset--color--ink-4);
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

.al-article .yoast-breadcrumbs a:hover {
	color: var(--wp--preset--color--ink-4);
	border-bottom-color: var(--wp--preset--color--ink-4);
}

/* Chapeu: vermelho, caixa alta, com bolinha */
.al-kicker {
	display: flex;
	align-items: center;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .09em;
	margin: 0 0 12px;
}

.al-kicker a,
.al-kicker a:visited {
	color: var(--wp--preset--color--signal-1);
	text-decoration: none;
}

.al-kicker a:hover {
	color: var(--wp--preset--color--signal-2);
	text-decoration: underline;
}

/* Divisores */
.al-rule.wp-block-separator {
	border: none;
	border-top: 2px solid var(--wp--preset--color--ink-2);
	opacity: 1;
	margin: 0;
	max-width: 720px;
	width: 100%;
}

.al-hairline.wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp--preset--color--hairline);
	opacity: 1;
	margin: var(--wp--preset--spacing--6) 0;
	max-width: 720px;
	width: 100%;
}

h1.wp-block-post-title.al-headline {
	font-size: var(--wp--preset--font-size--title-l);
	font-weight: 700;
	font-family: var(--wp--preset--font-family--display);
	line-height: 1.05;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--ink-1);
	margin: 16px 0 14px;
}

.al-dek {
	font-size: 20px;
	line-height: 1.45;
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 var(--wp--preset--spacing--5);
}

/* Linha de autoria */
.al-byline {
	margin-bottom: var(--wp--preset--spacing--6);
}

.al-byline__left {
	gap: 10px;
	align-items: center;
}

.al-byline__avatar img {
	border-radius: 50%;
	display: block;
}

.al-byline__author a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: underline;
}

.al-byline__author a:hover {
	color: var(--wp--preset--color--signal-1);
}

.al-byline__date {
	color: var(--wp--preset--color--ink-3);
	margin: 0;
}

.al-byline__updated {
	color: var(--wp--preset--color--ink-4);
	margin: 0;
}

/* Nota de transparencia de IA */
.al-ai-note {
	color: var(--wp--preset--color--ink-2);
	line-height: 1.3;
	padding: 14px 0;
	border-top: 1px solid var(--wp--preset--color--hairline);
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	margin: var(--wp--preset--spacing--5) 0 0;
}

/* Tags */
.al-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-family: var(--wp--preset--font-family--display);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .09em;
	margin: var(--wp--preset--spacing--5) 0 0;
}

.al-tags a,
.al-tags a:visited {
	color: var(--wp--preset--color--ink-3);
	text-decoration: underline;
}

.al-tags a:hover {
	color: var(--wp--preset--color--signal-1);
}

/* Rotulo de secao */
.al-section-label {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	letter-spacing: -0.005em;
	color: var(--wp--preset--color--ink-1);
	margin: 0 0 var(--wp--preset--spacing--5);
	font-size: var(--wp--preset--font-size--lede);
	line-height: 1.2;
}

/* Leia tambem: cards horizontais */
.al-related .wp-block-post-template {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.al-related .al-card {
	gap: var(--wp--preset--spacing--5);
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--5) 0;
	border-bottom: 1px solid var(--wp--preset--color--hairline);
}

.al-card__text {
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
}

.al-card__kicker {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .09em;
	margin: 0;
}

.al-card__kicker a,
.al-card__kicker a:visited {
	color: var(--wp--preset--color--signal-1);
	text-decoration: none;
}

.al-card__title {
	margin: 0;
	line-height: 1.2;
}

.al-card__title a,
.al-card__title a:visited {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-card__date {
	color: var(--wp--preset--color--ink-4);
	margin: 0;
}

/* Três classes de propósito: precisa vencer `.al-card .al-card__img`
   (largura 100%, seção dos cards), que vem depois e espremia o texto. */
.al-related .al-card .al-card__img {
	flex: 0 0 160px;
	width: 160px;
	margin: 0;
}

.al-card__img img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--paper-1);
	border-radius: var(--al-raio-img);
}

.al-article {
	margin-left: auto;
	margin-right: auto;
}

/* Imagem destacada da matéria: mesmos cantos das chamadas. */
.al-featured img {
	border-radius: var(--al-raio-img);
}

/* Legenda da imagem destacada — injetada como <figcaption> pelo filtro
   render_block_core/post-featured-image no functions.php. */
.al-featured__caption {
	font-size: 12px;
	color: var(--wp--preset--color--ink-4);
	margin: 8px 0 var(--wp--preset--spacing--6);
}

/* Fontes e documentos citados (padrao de bloco alinha-child/fontes-citadas).
   O travessao vem do ::before por consistencia visual — nao por acessibilidade:
   leitores de tela anunciam conteudo gerado. Ver nota sobre list-style abaixo. */
.al-sources {
	margin: var(--wp--preset--spacing--6) 0 0;
}

.al-sources__label {
	font-family: var(--wp--preset--font-family--display);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .09em;
	color: var(--wp--preset--color--ink-1);
	margin: 0 0 10px;
}

/* list-style: none faz o Safari/VoiceOver perder a semantica de lista.
   role="list" resolveria, mas o bloco core/list nao salva esse atributo
   (o editor marcaria o bloco como invalido). Custo aceito de proposito. */
.al-sources__list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--wp--preset--color--ink-3);
}

.al-sources__list li {
	padding-left: 18px;
	position: relative;
}

.al-sources__list li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--ink-3);
}

.al-sources__list a,
.al-sources__list a:visited {
	color: var(--wp--preset--color--ink-1);
	font-weight: 500;
	text-decoration: underline;
}

.al-sources__list a:hover {
	color: var(--wp--preset--color--signal-1);
}


/* --------------------------------------------------------------------------
   3. NEWSLETTER (placeholder visual — sem back-end nesta fase)
   -------------------------------------------------------------------------- */

.al-newsletter {
	display: flex;
	border-bottom: 2px solid var(--wp--preset--color--paper-0);
	max-width: 280px;
	width: 100%;
}

.al-newsletter input[type="email"] {
	flex: 1;
	min-width: 0;
	border: none;
	background: transparent;
	color: var(--wp--preset--color--paper-0);
	padding: 8px 4px;
	font-size: 14px;
	font-family: var(--wp--preset--font-family--display);
	outline: none;
}

.al-newsletter input[type="email"]::placeholder {
	color: #999999;
	opacity: 1;
}

.al-newsletter input[type="email"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

.al-newsletter button {
	border: none;
	background: transparent;
	color: var(--wp--preset--color--paper-0);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 13px;
	padding: 8px 4px;
	cursor: pointer;
	transition: transform .15s ease;
	white-space: nowrap;
}

.al-newsletter button:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.al-newsletter button:focus-visible {
	outline: 2px solid var(--wp--preset--color--paper-0);
	outline-offset: 3px;
}

/* Enquanto estiver desativado, sinaliza que ainda nao funciona */
.al-newsletter input:disabled,
.al-newsletter button:disabled {
	cursor: not-allowed;
	opacity: .55;
}

/* --------------------------------------------------------------------------
   4. RESPONSIVO
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {
	.al-footer__inner {
		flex-direction: column;
		gap: var(--wp--preset--spacing--6);
	}

	.al-footer__brand {
		max-width: none;
	}

	.al-footer__cols {
		gap: var(--wp--preset--spacing--6);
	}
}

/* "Leia também" no celular: imagem acima do texto (desenho da fase 5).
   Restrito ao bloco relacionado: nas listas do portal o card horizontal
   mantém a miniatura ao lado, para a página não ficar longa demais. */
@media (max-width: 600px) {
	.al-related .al-card {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.al-related .al-card .al-card__img {
		flex: 1 1 auto;
		width: 100%;
	}

	.al-footer__cols {
		flex-direction: column;
	}
}

/* --------------------------------------------------------------------------
   5. ACESSIBILIDADE
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.al-header .wp-block-site-logo a,
	.al-header .wp-block-navigation a,
	.al-header .wp-block-search__button,
	.al-footer .wp-block-site-logo a,
	.al-footer__link a,
	.al-newsletter button {
		transition: none;
	}

	.al-header .wp-block-site-logo a:hover,
	.al-header .wp-block-navigation a:hover,
	.al-header .wp-block-search__button:hover,
	.al-footer .wp-block-site-logo a:hover,
	.al-newsletter button:hover {
		transform: none;
	}
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}


/* ==========================================================================
   6. PORTAL — componentes da versão 2 (home, arquivos, Research)
   Mesmos tokens do theme.json; nada de cor ou tamanho cravado quando existe
   token. Sem animação contínua; hover nunca desloca texto.
   ========================================================================== */

:root {
	--al-gap: var(--wp--preset--spacing--5);
	--al-gap-lg: var(--wp--preset--spacing--6);
	--al-rule: 1px solid var(--wp--preset--color--hairline);
	--al-focus: 2px solid var(--wp--preset--color--signal-1);
	/* Raios (theme.json › custom.raio): imagens 8, painéis 10, controles 6. */
	--al-raio-img: var(--wp--custom--raio--imagem, 8px);
	--al-raio-painel: var(--wp--custom--raio--painel, 10px);
	--al-raio-ctrl: var(--wp--custom--raio--controle, 6px);
	/* Séries dos gráficos (chart.js): as 3 primeiras seguem a paleta; o modo
	   escuro (escuro.css) clareia as demais. */
	--al-serie-1: var(--wp--preset--color--ink-1);
	--al-serie-2: var(--wp--preset--color--signal-1);
	--al-serie-3: var(--wp--preset--color--ink-3);
	--al-serie-4: #1F5F8B;
	--al-serie-5: #8A6A1F;
	--al-serie-6: #2E6B3F;
	--al-serie-7: #6B3FA0;
	--al-serie-8: var(--wp--preset--color--signal-2);
}

/* Foco visível consistente (WCAG 2.4.7 / 2.4.11). */
:where(a, button, input, select, textarea, summary, [tabindex="0"]):focus-visible {
	outline: var(--al-focus);
	outline-offset: 2px;
}

.al-header :where(a, button):focus-visible,
.al-footer :where(a, button, input):focus-visible,
.al-special :where(a):focus-visible {
	outline-color: var(--wp--preset--color--paper-0);
}

html.al-sem-rolagem {
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   6.1 Cabeçalho: menu com mais itens, recolhido abaixo de 1100px
   -------------------------------------------------------------------------- */

.al-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--ink-1);
	border: 1px solid var(--wp--preset--color--ink-2);
	min-width: 180px;
	padding: 6px 0;
	border-radius: var(--al-raio-ctrl);
}

.al-header .wp-block-navigation .wp-block-navigation-submenu__toggle {
	color: var(--wp--preset--color--paper-0);
	font-weight: 700;
}

.al-header .al-nav__research > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--paper-0);
	border: 1px solid currentColor;
	padding: 3px 8px;
	border-radius: var(--al-raio-ctrl);
}

.al-header .al-nav__latest > .wp-block-navigation-item__content::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--signal-1);
	margin-right: 6px;
	vertical-align: 1px;
}

@media (min-width: 600px) and (max-width: 1099px) {
	.al-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.al-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

.al-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	gap: var(--wp--preset--spacing--4);
}

.al-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0;
	padding-left: var(--wp--preset--spacing--4);
}

/* --------------------------------------------------------------------------
   6.2 Rótulos, chapéus, botões e avisos
   -------------------------------------------------------------------------- */

.al-eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--signal-1);
	margin: 0 0 var(--wp--preset--spacing--2);
}

.al-label {
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 2px 6px;
	margin-right: 6px;
	border: 1px solid var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--ink-1);
	vertical-align: 1px;
}

.al-label--publicidade,
.al-label--patrocinado {
	background: var(--wp--preset--color--signal-tint);
	border-color: var(--wp--preset--color--signal-2);
	color: var(--wp--preset--color--signal-2);
}

.al-label--demo {
	border-style: dashed;
	color: var(--wp--preset--color--ink-3);
	border-color: var(--wp--preset--color--ink-3);
}

.al-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 8px 16px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-decoration: none;
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	border: 1px solid var(--wp--preset--color--hairline);
	cursor: pointer;
	border-radius: var(--al-raio-ctrl);
}

.al-button:hover {
	background: var(--wp--preset--color--signal-1);
	border-color: var(--wp--preset--color--signal-1);
	color: var(--wp--preset--color--paper-0);
}

.al-button--ghost {
	background: transparent;
	color: var(--wp--preset--color--ink-1);
}

.al-button--ghost:hover {
	background: var(--wp--preset--color--paper-1);
	color: var(--wp--preset--color--signal-2);
	border-color: var(--wp--preset--color--ink-1);
}

.al-notice {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
	padding: 10px 12px;
	margin: 0 0 var(--wp--preset--spacing--3);
	border-left: 3px solid var(--wp--preset--color--ink-3);
	background: var(--wp--preset--color--paper-1);
	color: var(--wp--preset--color--ink-2);
}

.al-notice--alerta {
	border-left-color: var(--wp--preset--color--signal-1);
	background: var(--wp--preset--color--signal-tint);
}

.al-notice--demo {
	border-left-style: dashed;
}

.al-empty {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--ink-3);
	padding: var(--wp--preset--spacing--6) 0;
	border-top: var(--al-rule);
	border-bottom: var(--al-rule);
}

.al-preencher {
	background: var(--wp--preset--color--signal-tint);
	padding: 8px 12px;
}

/* --------------------------------------------------------------------------
   6.3 Cards
   -------------------------------------------------------------------------- */

.al-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.al-list > li {
	margin: 0;
}

.al-card {
	position: relative;
	min-width: 0;
}

.al-card .al-card__kicker {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--signal-1);
	margin: 0 0 6px;
}

.al-card .al-card__kicker a {
	color: var(--wp--preset--color--signal-1);
	text-decoration: none;
}

.al-card .al-card__kicker a:hover {
	text-decoration: underline;
}

.al-card .al-card__title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: -0.005em;
	margin: 0;
	overflow-wrap: anywhere;
	hyphens: auto;
}

.al-card .al-card__title a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-card .al-card__title a:hover {
	color: var(--wp--preset--color--signal-2);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.al-card .al-card__dek {
	color: var(--wp--preset--color--ink-3);
	margin: 8px 0 0;
	line-height: 1.45;
}

.al-card .al-card__date {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-4);
	margin-top: 8px;
	font-weight: 400;
}

.al-card .al-card__img {
	display: block;
	margin: 0 0 var(--wp--preset--spacing--3);
	flex: none;
	width: 100%;
	background: var(--wp--preset--color--paper-1);
	border-radius: var(--al-raio-img);
	overflow: hidden;
}

.al-card .al-card__media {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--al-raio-img);
}

/* Principal */
.al-card--principal .al-card__title {
	font-size: var(--wp--preset--font-size--title-m);
	font-weight: 700;
}

.al-card--principal .al-card__dek {
	font-size: var(--wp--preset--font-size--lede);
}

/* Secundário */
.al-card--secundario .al-card__title {
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.28;
}

/* Horizontal: texto à esquerda, miniatura de 160px à direita */
.al-card--horizontal {
	display: flex;
	gap: var(--al-gap);
	align-items: flex-start;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--5) 0;
	border-bottom: var(--al-rule);
}

.al-card--horizontal .al-card__text {
	flex: 1 1 auto;
	min-width: 0;
}

.al-card--horizontal .al-card__img {
	flex: 0 0 160px;
	width: 160px;
	margin: 0;
}

.al-card--horizontal .al-card__title {
	font-size: var(--wp--preset--font-size--title-s);
}

/* Compacto: hora + título, sem imagem */
.al-card--compacto {
	padding: 10px 0;
	border-bottom: var(--al-rule);
}

.al-card--compacto .al-card__date {
	margin: 0 0 4px;
	font-weight: 500;
	color: var(--wp--preset--color--ink-3);
}

.al-card--compacto .al-card__title {
	font-size: var(--wp--preset--font-size--body);
	font-weight: 600;
	line-height: 1.3;
}

.al-card--compacto .al-card__kicker {
	margin-bottom: 2px;
}

/* --------------------------------------------------------------------------
   6.4 Seções e home
   -------------------------------------------------------------------------- */

.al-section {
	margin: var(--wp--preset--spacing--7) 0 0;
}

.al-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px var(--al-gap);
	border-top: 1px solid var(--wp--preset--color--ink-1);
	padding-top: 12px;
	margin-bottom: var(--wp--preset--spacing--4);
}

.al-section__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--lede);
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0;
	line-height: 1.2;
}

.al-section__title a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-section__title a:hover {
	color: var(--wp--preset--color--signal-1);
}

.al-section__more {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
	color: var(--wp--preset--color--ink-3);
	text-decoration: none;
}

.al-section__more:hover {
	color: var(--wp--preset--color--signal-1);
	text-decoration: underline;
}

.al-section__footer {
	margin: var(--wp--preset--spacing--5) 0 0;
}

/* Faixa de assuntos */
.al-topics {
	display: flex;
	align-items: center;
	gap: 12px;
	overflow-x: auto;
	scrollbar-width: thin;
	padding-bottom: 12px;
	margin-bottom: var(--wp--preset--spacing--2);
	border-bottom: var(--al-rule);
	font-family: var(--wp--preset--font-family--display);
}

.al-topics__label {
	flex: none;
	font-size: var(--wp--preset--font-size--tag);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--signal-1);
}

.al-topics ul {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.al-topics a {
	display: inline-block;
	white-space: nowrap;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--hairline);
	padding: 4px 10px;
	border-radius: var(--al-raio-ctrl);
}

.al-topics a:hover {
	border-color: var(--wp--preset--color--ink-1);
}

/* Abertura + recentes */
.al-home__top {
	display: grid;
	gap: var(--al-gap-lg);
}

.al-home__top > .al-home {
	margin: 0;
	min-width: 0;
}

.al-opening {
	display: grid;
	gap: var(--al-gap-lg);
}

.al-opening__calls {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: var(--al-gap);
}

.al-opening__calls .al-card__img {
	margin-bottom: 10px;
}

.al-section--recentes {
	margin: 0;
}

.al-section--recentes .al-list > li:last-child .al-card {
	border-bottom: 0;
}

/* Blocos de editoria */
.al-desks {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 0 var(--al-gap-lg);
}

.al-desks--complementares {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}

.al-desk__grid > .al-card--secundario {
	padding-bottom: 8px;
	border-bottom: var(--al-rule);
}

/* Coleção / especial: faixa escura, como cabeçalho e rodapé */
.al-special {
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	margin: var(--wp--preset--spacing--7) 0 0;
	padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
}

.al-special__inner {
	max-width: 1240px;
	margin: 0 auto;
}

.al-special__eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--tag);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #cccccc;
	margin: 0 0 6px;
}

.al-special .al-section__head {
	border-top-color: var(--wp--preset--color--paper-0);
}

.al-special .al-section__title a,
.al-special .al-card .al-card__title a {
	color: var(--wp--preset--color--paper-0);
}

.al-special .al-section__more,
.al-special .al-card .al-card__date,
.al-special__desc {
	color: #cccccc;
}

.al-special .al-card .al-card__kicker,
.al-special .al-card .al-card__kicker a {
	color: #ff8a8c;
}

.al-special .al-card--compacto {
	border-bottom-color: var(--wp--preset--color--ink-2);
}

.al-special .al-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	gap: 0 var(--al-gap-lg);
}

/* Módulo Research na home */
.al-rmod {
	background: var(--wp--preset--color--paper-1);
	margin: var(--wp--preset--spacing--7) 0 0;
	padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
	border-top: var(--al-rule);
	border-bottom: var(--al-rule);
}

.al-rmod__inner {
	max-width: 1240px;
	margin: 0 auto;
}

.al-rmod .al-section__head {
	margin-top: 0;
}

.al-rmod__grid {
	display: grid;
	gap: var(--al-gap-lg);
}

.al-rmod__charts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: var(--al-gap);
}

/* Continuação */
.al-section--fluxo .al-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr));
	gap: 0 var(--al-gap-lg);
}

.al-home__newsletter {
	margin-top: var(--wp--preset--spacing--7);
}

/* Publicidade: altura reservada evita salto de layout (CLS). */
.al-ad {
	margin: var(--wp--preset--spacing--6) auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--paper-1);
	overflow: hidden;
}

.al-ad__label {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--tag);
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 6px;
}

/* --------------------------------------------------------------------------
   6.5 Arquivos, busca, autor, 404
   -------------------------------------------------------------------------- */

.al-archive__head {
	margin: 0 0 var(--wp--preset--spacing--5);
}

.al-archive__title,
h1.al-archive__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--title-l);
	line-height: 1.05;
	margin: 0 0 12px;
}

.al-archive__desc {
	color: var(--wp--preset--color--ink-3);
	font-size: var(--wp--preset--font-size--lede);
	line-height: 1.45;
	max-width: 720px;
	margin: 0;
}

.al-archive__desc p {
	margin: 0;
}

.al-archive__list .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Grade de editoria e tag (inc/arquivos.php; templates category/tag).
   4 colunas; na página 1 o primeiro item ocupa 2 (bloco inicial com os
   2 seguintes). Divisórias finas entre linhas, sem caixa em cada notícia. */
.al-archive__list .al-grade {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
	margin-top: var(--wp--preset--spacing--4);
}

.al-grade > li {
	min-width: 0;
	padding-top: var(--wp--preset--spacing--5);
	border-top: var(--al-rule);
	margin: 0;
}

body:not(.paged) .al-grade > li:nth-child(-n+3),
body.paged .al-grade > li:nth-child(-n+4) {
	padding-top: 0;
	border-top: 0;
}

body:not(.paged) .al-grade > li:first-child {
	grid-column: span 2;
}

/* Poucas publicações: duas dividem a linha; uma ocupa a largura toda. */
body:not(.paged) .al-grade > li:first-child:nth-last-child(2) + li {
	grid-column: span 2;
}

.al-grade > li:only-child {
	grid-column: 1 / -1;
}

.al-card--grade .al-card__title {
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.28;
}

.al-card--grade-destaque .al-card__title {
	font-size: var(--wp--preset--font-size--title-m);
	font-weight: 700;
	line-height: 1.15;
}

.al-card--grade-destaque .al-card__dek {
	font-size: var(--wp--preset--font-size--body);
}

/* Destaque mais baixo que 16:9 (como na referência), para equilibrar com
   os dois cards ao lado. Logotipos seguem em contain, sem corte. */
.al-card--grade-destaque .al-card__media {
	aspect-ratio: 2 / 1;
}

.al-card--grade-destaque .al-card__media--logo {
	aspect-ratio: 16 / 9;
}

@media (max-width: 1023px) {
	.al-archive__list .al-grade {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body:not(.paged) .al-grade > li:nth-child(-n+3),
	body.paged .al-grade > li:nth-child(-n+4) {
		padding-top: var(--wp--preset--spacing--5);
		border-top: var(--al-rule);
	}

	body:not(.paged) .al-grade > li:first-child,
	body.paged .al-grade > li:nth-child(-n+2) {
		padding-top: 0;
		border-top: 0;
	}
}

/* Celular: uma coluna; abaixo do destaque, miniatura à direita do título. */
@media (max-width: 599px) {
	.al-archive__list .al-grade {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--5);
	}

	body:not(.paged) .al-grade > li:first-child,
	body:not(.paged) .al-grade > li:first-child:nth-last-child(2) + li {
		grid-column: auto;
	}

	body.paged .al-grade > li:nth-child(2) {
		padding-top: var(--wp--preset--spacing--5);
		border-top: var(--al-rule);
	}

	.al-card--grade {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 112px;
		grid-template-areas: "texto imagem";
		gap: var(--wp--preset--spacing--4);
		align-items: start;
	}

	.al-card--grade .al-card__img {
		grid-area: imagem;
		margin: 0;
	}

	.al-card--grade .al-card__text {
		grid-area: texto;
	}

	.al-card--grade-destaque .al-card__title {
		font-size: var(--wp--preset--font-size--title-s);
	}
}

/* Grade uniforme de “últimas notícias” (templates/home.html): 4 colunas
   iguais desde a primeira linha, sem destaque. Imagem 16:9, editoria,
   título e horário; divisórias finas entre as linhas. */
.al-archive__list .al-grade4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
	align-items: start;
	margin-top: var(--wp--preset--spacing--4);
}

.al-grade4 > li {
	min-width: 0;
	margin: 0;
	padding-top: var(--wp--preset--spacing--5);
	border-top: var(--al-rule);
}

.al-grade4 > li:nth-child(-n+4) {
	padding-top: 0;
	border-top: 0;
}

/* 16:9: é a proporção dos arquivos e dos tamanhos gerados — fotos sem corte
   extra e logotipos sem faixas, com os cantos na área visível. */
.al-card--uniforme .al-card__media,
.al-card__img--vazia {
	aspect-ratio: 16 / 9;
}

.al-card .al-card__media--logo {
	background: transparent;
}

.al-card .al-card__img--vazia {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--title-s);
	font-weight: 700;
	color: var(--wp--preset--color--hairline);
}

.al-card--uniforme .al-card__title {
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.28;
}

@media (max-width: 1023px) {
	.al-archive__list .al-grade4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.al-grade4 > li:nth-child(-n+4) {
		padding-top: var(--wp--preset--spacing--5);
		border-top: var(--al-rule);
	}

	.al-grade4 > li:nth-child(-n+2) {
		padding-top: 0;
		border-top: 0;
	}
}

@media (max-width: 599px) {
	.al-archive__list .al-grade4 {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--5);
	}

	.al-grade4 > li:nth-child(2) {
		padding-top: var(--wp--preset--spacing--5);
		border-top: var(--al-rule);
	}
}

/* Primeiro item da primeira página: destaque do arquivo */
body:not(.paged):not(.author) .al-archive__list .wp-block-post-template > li:first-child .al-card--horizontal {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

body:not(.paged):not(.author) .al-archive__list .wp-block-post-template > li:first-child .al-card--horizontal .al-card__img {
	order: -1;
	width: 100%;
	margin-bottom: 12px;
}

body:not(.paged):not(.author) .al-archive__list .wp-block-post-template > li:first-child .al-card--horizontal .al-card__title {
	font-size: var(--wp--preset--font-size--title-m);
}

.al-pagination {
	margin-top: var(--wp--preset--spacing--6);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	gap: 8px;
}

.al-pagination a,
.al-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 10px;
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: var(--al-raio-ctrl);
}

.al-pagination .page-numbers.current {
	background: var(--wp--preset--color--ink-1);
	border-color: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
}

.al-pagination a:hover {
	border-color: var(--wp--preset--color--ink-1);
}

.al-chips ul,
.al-chips .al-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--5);
	padding: 0;
}

.al-chips a {
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	padding: 6px 12px;
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: var(--al-raio-ctrl);
}

.al-chips a:hover {
	border-color: var(--wp--preset--color--ink-1);
}

.al-chips a[aria-current] {
	background: var(--wp--preset--color--ink-1);
	border-color: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
}

.al-searchform {
	margin: 0 0 var(--wp--preset--spacing--4);
}

.al-searchform__label {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-bottom: 6px;
}

.al-searchform__row {
	display: flex;
	gap: 0;
	max-width: 640px;
}

.al-searchform input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 8px 12px;
	font: inherit;
	border: 1px solid var(--wp--preset--color--ink-4);
	border-right: 0;
	border-radius: var(--al-raio-ctrl) 0 0 var(--al-raio-ctrl);
}

.al-searchform button,
.al-filters button {
	min-height: 44px;
	padding: 0 18px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	border: 1px solid var(--wp--preset--color--ink-1);
	cursor: pointer;
	border-radius: var(--al-raio-ctrl);
}

.al-searchform button:hover,
.al-filters button:hover {
	background: var(--wp--preset--color--signal-1);
	border-color: var(--wp--preset--color--signal-1);
}

.al-search-summary {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 var(--wp--preset--spacing--3);
}

.al-result-type {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-3);
	margin: var(--wp--preset--spacing--4) 0 -8px;
}

.al-author {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--6);
	align-items: start;
	padding-bottom: var(--wp--preset--spacing--6);
	margin-bottom: var(--wp--preset--spacing--6);
	border-bottom: var(--al-rule);
}

/* Retrato: quadrado com cantos levemente arredondados — maior que o avatar
   da linha de autoria, sem recorte circular agressivo. */
.al-author__avatar {
	display: block;
	width: 160px;
	height: 160px;
	object-fit: cover;
	border-radius: 50%;
	background: var(--wp--preset--color--paper-1);
}

.al-author__name {
	font-size: var(--wp--preset--font-size--title-l);
	line-height: 1.1;
	margin: 0;
}

.al-author__role {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--lede);
	color: var(--wp--preset--color--ink-2);
	margin: var(--wp--preset--spacing--2) 0 0;
}

.al-author__bio {
	max-width: 68ch;
	margin-top: var(--wp--preset--spacing--5);
	color: var(--wp--preset--color--ink-1);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.6;
}

.al-author__bio p {
	margin: 0 0 var(--wp--preset--spacing--3);
}

.al-author__meta {
	display: grid;
	gap: var(--wp--preset--spacing--2);
	margin: var(--wp--preset--spacing--5) 0 0;
	padding-top: var(--wp--preset--spacing--4);
	border-top: var(--al-rule);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-2);
}

.al-author__row {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--3);
}

.al-author__row dt {
	font-weight: 700;
	color: var(--wp--preset--color--ink-1);
}

.al-author__row dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.al-author__row a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--hairline);
	text-underline-offset: 3px;
}

.al-author__row a:hover {
	color: var(--wp--preset--color--ink-1);
	text-decoration-color: currentColor;
}

.al-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--5);
	padding: 0;
}

.al-chips a {
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	padding: 6px 12px;
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: var(--al-raio-ctrl);
}

.al-chips a:hover {
	border-color: var(--wp--preset--color--ink-1);
}

.al-chips a[aria-current] {
	background: var(--wp--preset--color--ink-1);
	border-color: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
}

.al-searchform {
	margin: 0 0 var(--wp--preset--spacing--4);
}

.al-searchform__label {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-bottom: 6px;
}

.al-searchform__row {
	display: flex;
	gap: 0;
	max-width: 640px;
}

.al-searchform input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 8px 12px;
	font: inherit;
	border: 1px solid var(--wp--preset--color--ink-4);
	border-right: 0;
	border-radius: var(--al-raio-ctrl) 0 0 var(--al-raio-ctrl);
}

.al-searchform button,
.al-filters button {
	min-height: 44px;
	padding: 0 18px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	border: 1px solid var(--wp--preset--color--ink-1);
	cursor: pointer;
	border-radius: var(--al-raio-ctrl);
}

.al-searchform button:hover,
.al-filters button:hover {
	background: var(--wp--preset--color--signal-1);
	border-color: var(--wp--preset--color--signal-1);
}

.al-search-summary {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 var(--wp--preset--spacing--3);
}

.al-result-type {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-3);
	margin: var(--wp--preset--spacing--4) 0 -8px;
}

.al-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.al-404__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px var(--al-gap);
	margin-bottom: var(--wp--preset--spacing--6);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
}

/* Rodapé: listas dinâmicas */
.al-footer .al-links {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--2);
	font-size: var(--wp--preset--font-size--caption);
}

.al-footer .al-links a,
.al-footer .al-links a:visited {
	color: #cccccc;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
}

.al-footer .al-links a:hover {
	border-bottom-color: #cccccc;
}

.al-footer__col {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--2);
}

/* Newsletter (só aparece com provedor configurado) */
.al-newsletter {
	display: block;
	border-bottom: 0;
	max-width: 320px;
}

.al-newsletter__title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	margin: 0 0 4px;
}

.al-newsletter__row {
	display: flex;
	border-bottom: 2px solid currentColor;
}

.al-newsletter__consent,
.al-newsletter__note {
	font-size: var(--wp--preset--font-size--tag);
	line-height: 1.4;
	opacity: .85;
	margin: 6px 0 0;
}

.al-home__newsletter .al-newsletter {
	max-width: 520px;
	color: var(--wp--preset--color--ink-1);
}

.al-home__newsletter .al-newsletter input[type="email"],
.al-home__newsletter .al-newsletter button {
	color: var(--wp--preset--color--ink-1);
}

/* --------------------------------------------------------------------------
   6.6 Matéria: corpo, autoria, notas
   -------------------------------------------------------------------------- */

.al-body {
	font-size: var(--wp--preset--font-size--reading);
	line-height: 1.65;
}

.al-body > * + * {
	margin-top: 1.1em;
}

.al-body h2 {
	font-size: var(--wp--preset--font-size--title-s);
	margin-top: 1.8em;
}

.al-body h3 {
	font-size: var(--wp--preset--font-size--lede);
	margin-top: 1.6em;
}

.al-body .wp-block-table {
	overflow-x: auto;
	font-size: var(--wp--preset--font-size--small);
	font-family: var(--wp--preset--font-family--display);
}

.al-body .wp-block-table table {
	min-width: 520px;
	border-collapse: collapse;
}

.al-body .wp-block-table th,
.al-body .wp-block-table td {
	border: 0;
	border-bottom: var(--al-rule);
	padding: 8px 10px;
	text-align: left;
}

.al-body .wp-block-table thead th {
	border-bottom: 2px solid var(--wp--preset--color--ink-1);
}

.al-body img,
.al-body iframe,
.al-body video {
	max-width: 100%;
	height: auto;
}

.al-body .wp-block-embed iframe {
	width: 100%;
}

.al-body pre {
	overflow-x: auto;
}

.al-byline__avatars {
	display: inline-flex;
}

.al-byline__avatars img {
	border-radius: 50%;
	border: 2px solid var(--wp--preset--color--paper-0);
	display: block;
}

.al-byline__avatars img + img {
	margin-left: -10px;
}

.al-byline__left {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.al-byline__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 12px;
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
}

.al-byline__author {
	color: var(--wp--preset--color--ink-1);
	flex-basis: 100%;
}

.al-byline__author a {
	color: var(--wp--preset--color--ink-1);
	font-weight: 600;
}

.al-byline__author a:hover {
	color: var(--wp--preset--color--signal-1);
}

.al-byline__updated {
	color: var(--wp--preset--color--ink-4);
}

.al-featured__credit {
	color: var(--wp--preset--color--ink-4);
	white-space: nowrap;
}

.al-corrections,
.al-deep {
	margin: var(--wp--preset--spacing--6) 0 0;
	padding: 14px 16px;
	background: var(--wp--preset--color--paper-1);
	border-left: 3px solid var(--wp--preset--color--ink-1);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.al-corrections ul,
.al-deep ul {
	margin: 0;
	padding: 0 0 0 18px;
}

.al-corrections__label,
.al-deep__label,
h2.al-sources__label {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 8px;
	line-height: 1.3;
}

.al-deep {
	border-left-color: var(--wp--preset--color--signal-1);
}

.al-deep ul {
	list-style: none;
	padding: 0;
}

.al-deep li + li {
	margin-top: 6px;
}

.al-deep__type {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--tag);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--signal-1);
	margin-right: 4px;
}

.al-deep a,
.al-corrections a {
	color: var(--wp--preset--color--ink-1);
	font-weight: 600;
}

.al-ai-note a {
	color: var(--wp--preset--color--ink-1);
}

/* --------------------------------------------------------------------------
   6.7 a linha/ research
   -------------------------------------------------------------------------- */

.al-rnav {
	background: var(--wp--preset--color--paper-1);
	border-bottom: var(--al-rule);
	font-family: var(--wp--preset--font-family--display);
	padding: 0 var(--wp--preset--spacing--5);
}

.al-rnav__inner {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px var(--wp--preset--spacing--6);
	min-height: 52px;
}

.al-rnav__brand {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--meta);
	letter-spacing: -0.01em;
}

.al-rnav__brand strong {
	color: var(--wp--preset--color--signal-1);
}

.al-rnav ul {
	display: flex;
	gap: var(--wp--preset--spacing--5);
	list-style: none;
	margin: 0;
	padding: 0;
}

.al-rnav ul a {
	display: inline-block;
	padding: 14px 0 12px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: var(--wp--preset--color--ink-2);
	text-decoration: none;
	border-bottom: 3px solid transparent;
}

.al-rnav ul a:hover {
	color: var(--wp--preset--color--ink-1);
	border-bottom-color: var(--wp--preset--color--hairline);
}

.al-rnav ul a[aria-current] {
	color: var(--wp--preset--color--ink-1);
	border-bottom-color: var(--wp--preset--color--signal-1);
}

.al-research__intro {
	margin-bottom: var(--wp--preset--spacing--6);
	max-width: 760px;
}

.al-research__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--title-l);
	line-height: 1.05;
	margin: 0 0 12px;
}

.al-research__desc,
.al-research__desc p {
	font-size: var(--wp--preset--font-size--lede);
	color: var(--wp--preset--color--ink-3);
	line-height: 1.45;
	margin: 0;
}

/* Card de pesquisa: capa + texto */
.al-rlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.al-rlist > li {
	margin: 0;
	border-bottom: var(--al-rule);
}

.al-rcard {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: var(--al-gap);
	padding: var(--wp--preset--spacing--5) 0;
	align-items: start;
}

.al-rcard__cover {
	display: block;
	text-decoration: none;
}

.al-rcard__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border: var(--al-rule);
	border-radius: var(--al-raio-img);
}

/* Capa tipográfica quando não há imagem: identifica o formato "documento". */
.al-doc-cover {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	aspect-ratio: 3 / 4;
	padding: 10px;
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	font-family: var(--wp--preset--font-family--display);
	overflow: hidden;
	border-radius: var(--al-raio-img);
}

.al-doc-cover__brand {
	font-size: 9px;
	letter-spacing: 0;
	color: #cccccc;
}

.al-doc-cover__type {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #ff8a8c;
}

.al-doc-cover__title {
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	border-top: 2px solid var(--wp--preset--color--signal-1);
	padding-top: 6px;
}

.al-rcard__meta {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--signal-1);
	margin: 0 0 6px;
}

.al-rcard__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--title-s);
	line-height: 1.2;
	margin: 0;
}

.al-rcard__title a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-rcard__title a:hover {
	color: var(--wp--preset--color--signal-2);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.al-rcard__dek {
	color: var(--wp--preset--color--ink-3);
	margin: 8px 0 0;
	line-height: 1.45;
}

.al-rcard__info {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-4);
	margin: 8px 0 0;
}

.al-rfeature .al-rcard {
	grid-template-columns: 180px minmax(0, 1fr);
	border-top: 1px solid var(--wp--preset--color--ink-1);
}

.al-rfeature .al-rcard__title {
	font-size: var(--wp--preset--font-size--title-m);
}

.al-rgrid {
	display: grid;
	gap: var(--al-gap-lg);
}

.al-updates {
	margin-top: var(--wp--preset--spacing--7);
}

.al-updates ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--wp--preset--color--ink-1);
}

.al-updates li {
	padding: 12px 0;
	border-bottom: var(--al-rule);
}

.al-updates__when {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-4);
	margin: 0;
}

.al-updates__when span {
	font-weight: 700;
	color: var(--wp--preset--color--signal-1);
}

.al-updates__what {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	margin: 2px 0 0;
}

.al-updates__what a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-updates__what a:hover {
	text-decoration: underline;
}

.al-updates__note {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
	margin: 2px 0 0;
}

.al-updates .al-section__title {
	margin-bottom: 10px;
}

.al-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
	gap: var(--al-gap);
	list-style: none;
	margin: 0 0 var(--wp--preset--spacing--5);
	padding: 0;
}

.al-tile {
	border: var(--al-rule);
	padding: 14px 16px;
	margin: 0;
	background: var(--wp--preset--color--paper-0);
	border-radius: var(--al-raio-painel);
}

.al-tile__title {
	font-size: var(--wp--preset--font-size--body);
	margin: 0 0 8px;
}

.al-tile__title a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-tile__title a::after {
	content: " →";
	color: var(--wp--preset--color--signal-1);
}

.al-tile__list {
	margin: 0;
	padding: 0 0 0 16px;
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
}

.al-chart-previews {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: var(--al-gap);
}

/* Painéis: coluna de temas + gráficos */
.al-panel-layout {
	display: grid;
	gap: var(--al-gap-lg);
}

.al-panel-layout__main {
	min-width: 0;
}

.al-rtemas {
	font-family: var(--wp--preset--font-family--display);
}

.al-rtemas summary {
	cursor: pointer;
	min-height: 44px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	border: 1px solid var(--wp--preset--color--hairline);
	font-weight: 700;
	border-radius: var(--al-raio-ctrl);
}

.al-rtemas__label {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0;
	color: var(--wp--preset--color--signal-1);
}

.al-rtemas ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

.al-rtemas li a {
	display: block;
	padding: 10px 12px;
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
	font-weight: 600;
	border-left: 3px solid transparent;
}

.al-rtemas li a:hover {
	background: var(--wp--preset--color--paper-1);
}

.al-rtemas li a[aria-current] {
	border-left-color: var(--wp--preset--color--signal-1);
	background: var(--wp--preset--color--paper-1);
}

.al-panel__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--al-gap-lg);
}

.al-panel__list > li {
	margin: 0;
}

.al-catalog {
	margin-bottom: var(--wp--preset--spacing--7);
}

.al-catalog__desc {
	color: var(--wp--preset--color--ink-3);
}

.al-catalog__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: 0 var(--al-gap-lg);
}

.al-catalog__item {
	padding: 12px 0;
	border-bottom: var(--al-rule);
}

.al-catalog__item h3 {
	font-size: var(--wp--preset--font-size--body);
	margin: 0 0 4px;
}

.al-catalog__item h3 a {
	color: var(--wp--preset--color--ink-1);
}

.al-catalog__item p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
}

.al-catalog__item p.al-catalog__meta {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--ink-4);
	margin-top: 4px;
}

/* Filtros da biblioteca */
.al-filters {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr));
	gap: 12px var(--al-gap);
	align-items: end;
	padding: var(--wp--preset--spacing--5);
	margin-bottom: var(--wp--preset--spacing--5);
	background: var(--wp--preset--color--paper-1);
	font-family: var(--wp--preset--font-family--display);
}

.al-filters__field--busca {
	grid-column: 1 / -1;
}

.al-filters label {
	display: block;
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 700;
	margin-bottom: 4px;
}

.al-filters input,
.al-filters select {
	width: 100%;
	min-height: 44px;
	padding: 6px 10px;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	border: 1px solid var(--wp--preset--color--ink-4);
	border-radius: var(--al-raio-ctrl);
	background: var(--wp--preset--color--paper-0);
	color: var(--wp--preset--color--ink-1);
	box-sizing: border-box;
}

.al-filters__actions {
	display: flex;
	align-items: center;
	gap: var(--al-gap);
}

.al-filters__actions a {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-2);
}

.al-filters__count {
	grid-column: 1 / -1;
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
}

/* Pesquisa: ficha e documentos */
.al-facts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
	gap: 0 var(--al-gap);
	margin: 0 0 var(--wp--preset--spacing--5);
	padding: 0;
	border-top: var(--al-rule);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
}

.al-facts > div {
	padding: 10px 0;
	border-bottom: var(--al-rule);
}

.al-facts dt {
	font-size: var(--wp--preset--font-size--tag);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-3);
}

.al-facts dd {
	margin: 2px 0 0;
	color: var(--wp--preset--color--ink-1);
}

.al-facts dd a {
	color: var(--wp--preset--color--ink-1);
}

.al-docs {
	padding: 16px;
	margin: 0 0 var(--wp--preset--spacing--6);
	border: var(--al-rule);
	background: var(--wp--preset--color--paper-1);
	border-radius: var(--al-raio-painel);
}

.al-docs__label {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--tag);
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.al-docs p {
	margin: 0;
}

.al-docs__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.al-docs p.al-docs__desc {
	margin-top: 8px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
}

.al-sponsor {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	padding: 10px 12px;
	background: var(--wp--preset--color--signal-tint);
	margin: 0 0 var(--wp--preset--spacing--4);
}

.al-method {
	margin-top: var(--wp--preset--spacing--7);
	padding-top: 10px;
	border-top: 1px solid var(--wp--preset--color--ink-1);
	font-size: var(--wp--preset--font-size--meta);
	line-height: 1.6;
	max-width: 760px;
}

.al-method__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--lede);
	letter-spacing: -0.01em;
	margin: 0 0 8px;
}

.al-method h3 {
	font-size: var(--wp--preset--font-size--body);
	margin: 1.4em 0 .4em;
}

.al-history {
	border-left-color: var(--wp--preset--color--ink-3);
}

.al-report .al-section {
	margin-top: var(--wp--preset--spacing--7);
}

.al-chart-page__head .al-headline {
	flex: 1;
}

/* --------------------------------------------------------------------------
   6.8 Gráfico
   -------------------------------------------------------------------------- */

.al-chart {
	margin: 0 0 var(--wp--preset--spacing--5);
	padding: 16px;
	border: var(--al-rule);
	background: var(--wp--preset--color--paper-0);
	min-width: 0;
	font-family: var(--wp--preset--font-family--display);
	border-radius: var(--al-raio-painel);
}

.al-chart--completo {
	padding: 0;
	border: 0;
}

.al-chart__head {
	margin-bottom: 10px;
}

.al-chart__title {
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.25;
	margin: 0 0 4px;
}

.al-chart__title a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-chart__title a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--signal-2);
}

.al-chart__desc {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 4px;
	line-height: 1.4;
}

.al-chart__unit {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-4);
	margin: 0;
}

.al-chart__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 12px var(--wp--preset--spacing--6);
	margin: 0 0 12px;
}

.al-chart__controls fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.al-chart__controls legend {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0;
	color: var(--wp--preset--color--ink-3);
	padding: 0;
	margin-right: 6px;
	float: left;
}

.al-chart__periods button,
.al-chart__apply {
	min-height: 36px;
	min-width: 44px;
	padding: 4px 12px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 700;
	background: var(--wp--preset--color--paper-0);
	color: var(--wp--preset--color--ink-1);
	border: 1px solid var(--wp--preset--color--hairline);
	cursor: pointer;
	border-radius: var(--al-raio-ctrl);
}

.al-chart__periods button:hover {
	border-color: var(--wp--preset--color--ink-1);
}

.al-chart__periods button[aria-pressed="true"] {
	background: var(--wp--preset--color--ink-1);
	color: var(--wp--preset--color--paper-0);
	border-color: var(--wp--preset--color--ink-1);
}

.al-chart__serie {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: var(--wp--preset--font-size--small);
}

.al-chart__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}

.al-chart__legend button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 2px 8px 2px 4px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
	background: none;
	color: var(--wp--preset--color--ink-1);
	border: 1px solid transparent;
	cursor: pointer;
}

.al-chart__legend button:hover {
	border-color: var(--wp--preset--color--hairline);
}

.al-chart__legend button[aria-pressed="false"] {
	color: var(--wp--preset--color--ink-4);
	text-decoration: line-through;
}

.al-chart__legend button[aria-pressed="false"] .al-chart__sample {
	opacity: .35;
}

.al-chart__legend button:disabled {
	cursor: default;
	border-color: transparent;
}

.al-chart__canvas {
	position: relative;
	width: 100%;
	min-height: 120px;
	touch-action: pan-y;
}

.al-chart__canvas:focus-visible {
	outline: var(--al-focus);
	outline-offset: 4px;
}

.al-chart__svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.al-chart__tick {
	font-family: var(--wp--preset--font-family--display);
	font-size: 11px;
	fill: var(--wp--preset--color--ink-3);
}

.al-chart__tip {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	min-width: 140px;
	max-width: 260px;
	padding: 8px 10px;
	background: var(--wp--preset--color--paper-0);
	border: 1px solid var(--wp--preset--color--hairline);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.4;
	border-radius: var(--al-raio-ctrl);
}

.al-chart__tip strong {
	display: block;
	margin-bottom: 4px;
}

.al-chart__tip span {
	display: block;
}

.al-chart__tip i {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	vertical-align: 1px;
}

.al-chart__source {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
	margin: 10px 0 0;
}

.al-chart__source a {
	color: var(--wp--preset--color--ink-2);
}

.al-chart__more {
	margin: 8px 0 0;
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 700;
}

.al-chart__more a {
	color: var(--wp--preset--color--ink-1);
	text-decoration: none;
}

.al-chart__more a:hover {
	color: var(--wp--preset--color--signal-1);
	text-decoration: underline;
}

.al-facts--chart {
	margin-top: var(--wp--preset--spacing--5);
}

.al-chart__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: var(--wp--preset--spacing--4);
}

.al-chart__restricted {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
	margin: 0;
}

/* Visão ampliada */
.al-chart--ampliado {
	position: fixed;
	inset: 0;
	z-index: 100000;
	margin: 0;
	padding: var(--wp--preset--spacing--5);
	overflow: auto;
	border: 0;
}

.al-chart--ampliado [data-al-expand] {
	position: sticky;
	top: 0;
	z-index: 3;
}

/* Tabela */
.al-table {
	margin-top: var(--wp--preset--spacing--5);
}

.al-table__title {
	font-size: var(--wp--preset--font-size--lede);
	letter-spacing: -0.01em;
	margin: 0 0 8px;
}

.al-table__wrap {
	max-height: 520px;
	overflow: auto;
	border: var(--al-rule);
	border-radius: var(--al-raio-painel);
}

.al-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
	font-variant-numeric: tabular-nums;
}

.al-table caption {
	text-align: left;
	padding: 8px 10px;
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
}

.al-table th,
.al-table td {
	padding: 7px 10px;
	border-bottom: var(--al-rule);
	text-align: right;
	white-space: nowrap;
}

.al-table th[scope="row"],
.al-table thead th:first-child {
	text-align: left;
}

.al-table thead th {
	position: sticky;
	top: 0;
	background: var(--wp--preset--color--paper-1);
	border-bottom: 1px solid var(--wp--preset--color--ink-3);
}

.al-table__unit {
	font-weight: 400;
	color: var(--wp--preset--color--ink-3);
}

.al-table__na {
	color: var(--wp--preset--color--ink-4);
}

.al-table__pages {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 8px;
	font-size: var(--wp--preset--font-size--small);
}

.al-table__pages button,
.al-table__pages a {
	min-height: 36px;
	padding: 4px 10px;
	font: inherit;
	font-weight: 600;
	color: var(--wp--preset--color--ink-1);
	background: none;
	border: 1px solid var(--wp--preset--color--hairline);
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	border-radius: var(--al-raio-ctrl);
}

.al-table__pages button:disabled {
	color: var(--wp--preset--color--ink-4);
	cursor: default;
}

/* --------------------------------------------------------------------------
   6.9 Larguras maiores
   -------------------------------------------------------------------------- */

@media (min-width: 600px) {
	.al-rcard {
		grid-template-columns: 140px minmax(0, 1fr);
	}
}

@media (min-width: 768px) {
	.al-opening__lead .al-card--principal {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		gap: var(--al-gap);
		align-items: start;
	}

	.al-opening__lead .al-card--principal.al-card--sem-imagem {
		grid-template-columns: minmax(0, 1fr);
	}

	.al-opening__lead .al-card--principal .al-card__img {
		margin: 0;
	}

	.al-opening__lead .al-card--principal .al-card__title {
		font-size: var(--wp--preset--font-size--title-l);
		line-height: 1.08;
	}

	.al-rgrid {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.al-rgrid .al-updates {
		margin-top: var(--wp--preset--spacing--7);
	}

	.al-rmod__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}
}

@media (min-width: 1024px) {
	.al-home__top {
		grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
		align-items: start;
	}

	.al-home__top > .al-home--recentes {
		border-left: var(--al-rule);
		padding-left: var(--al-gap-lg);
	}

	.al-section--recentes .al-section__head {
		margin-top: 0;
	}

	.al-panel-layout {
		grid-template-columns: 220px minmax(0, 1fr);
		align-items: start;
	}

	.al-rtemas {
		position: sticky;
		top: var(--wp--preset--spacing--5);
	}

	/* No desktop os temas ficam sempre visíveis como coluna. */
	.al-rtemas summary {
		pointer-events: none;
		border: 0;
		border-bottom: 2px solid var(--wp--preset--color--ink-1);
		padding: 0;
	}

	.al-rtemas__current {
		display: none;
	}

	.al-rtemas summary::-webkit-details-marker,
	.al-rtemas summary::marker {
		display: none;
		content: "";
	}
}

/* --------------------------------------------------------------------------
   6.10 Celular
   -------------------------------------------------------------------------- */

@media (max-width: 599px) {
	.al-card--principal .al-card__title,
	.al-archive__title,
	h1.al-archive__title,
	.al-research__title,
	h1.wp-block-post-title.al-headline {
		font-size: var(--wp--preset--font-size--title-m);
	}

	.al-card--horizontal .al-card__img {
		flex-basis: 96px;
		width: 96px;
	}

	.al-card--horizontal .al-card__title {
		font-size: 18px;
	}

	.al-rcard,
	.al-rfeature .al-rcard {
		grid-template-columns: 84px minmax(0, 1fr);
		gap: 12px;
	}

	.al-rfeature .al-rcard__title {
		font-size: var(--wp--preset--font-size--title-s);
	}

	.al-doc-cover__title {
		-webkit-line-clamp: 4;
	}

	.al-author {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--4);
	}

	.al-author__avatar {
		width: 96px;
		height: 96px;
		border-radius: 50%;
	}

	.al-author__name {
		font-size: var(--wp--preset--font-size--title-m);
	}

	.al-author__row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.al-chart {
		padding: 12px;
		border-radius: var(--al-raio-painel);
	}

	.al-rnav__inner {
		gap: 0 var(--wp--preset--spacing--5);
		padding-top: 8px;
	}

	.al-rnav ul a {
		padding: 10px 0;
	}

	.al-body {
		font-size: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
	}
}

@media print {
	.al-header,
	.al-footer,
	.al-rnav,
	.al-share,
	.al-chart__controls,
	.al-chart__actions,
	.al-ad {
		display: none !important;
	}
}

/* Marca em texto quando não há logo cadastrado (inc/blocks.php). */
.al-logo-texto a {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--title-s);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

/* "hidden" precisa vencer o display dos componentes (botões que só existem
   com JavaScript nascem ocultos e o script os revela). */
.al-button[hidden],
.al-chart [hidden] {
	display: none;
}

/* Altura reservada para o SVG (o JS desenha depois do HTML): evita
   deslocamento de layout (CLS). Valores iguais aos de chart.js. */
.al-chart--js .al-chart__canvas,
.al-chart .al-chart__canvas {
	min-height: 230px;
}

.al-chart--completo .al-chart__canvas {
	min-height: 360px;
}

@media (scripting: none) {
	.al-chart .al-chart__canvas {
		min-height: 0;
	}
}

/* Celular: chamadas e destaque de cada editoria com miniatura ao lado do
   título, em vez de imagem de largura total — a manchete continua grande e
   a página fica mais curta e densa. */
@media (max-width: 599px) {
	.al-opening__calls .al-card--secundario,
	.al-desk__grid > .al-card--secundario {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 104px;
		gap: 12px;
		align-items: start;
		padding: 12px 0;
		border-bottom: var(--al-rule);
	}

	.al-opening__calls .al-card--secundario .al-card__img,
	.al-desk__grid > .al-card--secundario .al-card__img {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
	}

	.al-opening__calls .al-card--secundario .al-card__text,
	.al-desk__grid > .al-card--secundario .al-card__text {
		grid-column: 1;
		grid-row: 1;
	}

	.al-opening__calls .al-card--secundario.al-card--sem-imagem,
	.al-desk__grid > .al-card--secundario.al-card--sem-imagem {
		grid-template-columns: minmax(0, 1fr);
	}

	.al-opening__calls {
		gap: 0;
	}

	.al-card--secundario .al-card__title {
		font-size: 17px;
	}
}

/* Celular: menos itens nos blocos de apoio (o link "ver tudo" de cada um
   leva à lista completa). A abertura vem inteira. */
@media (max-width: 599px) {
	.al-section--recentes .al-list > li:nth-child(n+6),
	.al-rmod__charts > .al-chart:nth-child(n+2) {
		display: none;
	}

	.al-section--fluxo .al-card__dek,
	.al-rmod .al-chart__desc {
		display: none;
	}

	.al-section--fluxo .al-card--horizontal {
		padding: 14px 0;
	}
}

/* ==========================================================================
   7. MERCADO — cotações de terceiros (TradingView), inc/mercado.php
   Branco como base; cinza claro só para identificar a área funcional.
   Espaços com altura reservada: o widget entra sem empurrar a página.
   ========================================================================== */

.al-home__main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--6);
}

.al-home__main > .al-home {
	margin: 0;
}

/* Espaço de widget + estado de carregamento/falha */
.al-tv {
	position: relative;
	min-width: 0;
}

.al-tv__estado {
	margin: 0;
	padding: 12px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
}

.al-tv .tradingview-widget-container {
	width: 100%;
	height: 100%;
}

.al-tv .tradingview-widget-container__widget {
	width: 100%;
	height: calc(100% - 22px);
}

/* Atribuição do fornecedor: visível, discreta. */
.al-tv .tradingview-widget-copyright {
	font-family: var(--wp--preset--font-family--display);
	font-size: 12px;
	line-height: 22px;
	text-align: right;
}

.al-tv .tradingview-widget-copyright a {
	color: var(--wp--preset--color--ink-3);
	text-decoration: none;
}

.al-tv .tradingview-widget-copyright a:hover {
	color: var(--wp--preset--color--ink-1);
	text-decoration: underline;
}

/* --- Faixa abaixo do cabeçalho ------------------------------------------ */
.al-ticker {
	display: none;
	background: var(--wp--preset--color--paper-1);
	border-bottom: var(--al-rule);
}

.al-js .al-ticker {
	display: block;
}

.al-ticker__inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 var(--wp--preset--spacing--5);
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--3);
	height: 44px;
}

/* Ticker Tape (modo "regular"): o iframe tem 58 px, mas o conteúdo — texto
   e selo do TradingView — ocupa os primeiros ~34 px. A faixa de 44 px,
   alinhada ao topo, só deixa de mostrar a margem vazia de baixo. */
.al-tv--faixa {
	flex: 1 1 auto;
	align-self: flex-start;
	height: 44px;
	overflow: hidden;
}

.al-tv--faixa .tradingview-widget-container {
	display: flex;
	align-items: flex-start;
	height: 44px;
}

.al-tv--faixa .tradingview-widget-container__widget,
.al-tv--faixa iframe {
	flex: 1 1 auto;
	min-width: 0;
}

/* Atribuição do fornecedor: visível, à direita, em uma linha, com a
   tipografia que o próprio script do TradingView impõe (13/32 px). O script
   troca o alvo pelo iframe e estica o contêiner: alinhar pelo topo, com a
   linha centrada na faixa de 44 px. */
.al-tv--faixa .tradingview-widget-copyright {
	flex: none;
	align-self: flex-start;
	margin-top: 6px;
	padding-left: var(--wp--preset--spacing--3);
	white-space: nowrap;
}

.al-tv--faixa .al-tv__estado {
	padding: 0;
	line-height: 44px;
}

.al-ticker__pausa {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 600;
	color: var(--wp--preset--color--ink-3);
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--al-raio-ctrl);
	cursor: pointer;
}

.al-ticker__pausa:hover {
	color: var(--wp--preset--color--ink-1);
	border-color: var(--wp--preset--color--hairline);
	background: var(--wp--preset--color--paper-0);
}

.al-ticker__icone {
	fill: currentColor;
}

.al-ticker__icone--retoma,
.al-ticker__rotulo {
	display: none;
}

/* Pausada: sem widget, só uma linha fina com "retomar cotações". */
.al-ticker--pausada .al-ticker__inner {
	height: 32px;
	justify-content: flex-end;
}

.al-ticker--pausada .al-tv--faixa,
.al-ticker--pausada .al-ticker__icone--pausa {
	display: none;
}

.al-ticker--pausada .al-ticker__icone--retoma,
.al-ticker--pausada .al-ticker__rotulo {
	display: inline;
}

.al-ticker--pausada .al-ticker__pausa {
	height: 26px;
}

/* --- Painel "mercado" na home ------------------------------------------- */
.al-mkt .al-section__head {
	margin-bottom: var(--wp--preset--spacing--3);
}

.al-mkt__tabs {
	display: none;
}

.al-mkt__grid {
	display: none;
}

.al-mkt--js .al-mkt__grid {
	display: grid;
	gap: var(--wp--preset--spacing--4);
}

.al-mkt__panel {
	display: none;
	min-width: 0;
}

.al-mkt__panel.is-ativo {
	display: grid;
	gap: var(--wp--preset--spacing--4);
}

.al-mkt__box {
	min-width: 0;
	background: var(--wp--preset--color--paper-1);
	padding: 12px 14px 8px;
	border-radius: var(--al-raio-painel);
}

.al-mkt__titulo {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 6px;
}

.al-mkt__escopo {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
	line-height: 1.35;
	margin: 0 0 6px;
}

.al-tv--ibov {
	height: 200px;
}

.al-tv--hot {
	height: 430px;
}

.al-tv--quotes {
	height: 160px;
}

.al-mkt__fonte {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--ink-3);
	line-height: 1.4;
	margin: var(--wp--preset--spacing--3) 0 0;
}

.al-mkt__fonte a {
	color: var(--wp--preset--color--ink-2);
}

/* Alternativa editorial: sem JS, ou quando o fornecedor falha. */
.al-mkt--js .al-mkt__alternativa {
	display: none;
}

.al-mkt--js.al-mkt--falha .al-mkt__alternativa {
	display: block;
	margin-top: var(--wp--preset--spacing--4);
}

.al-mkt__vazio {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-3);
	margin: 0 0 6px;
}

/* Abas: só abaixo de 1024 px (no desktop as três áreas aparecem juntas). */
@media (max-width: 1023px) {
	.al-mkt--js .al-mkt__tabs {
		display: flex;
		gap: 4px;
		margin-bottom: var(--wp--preset--spacing--3);
		border-bottom: var(--al-rule);
	}

	.al-mkt__tabs button {
		min-height: 44px;
		padding: 0 16px;
		font-family: var(--wp--preset--font-family--display);
		font-size: var(--wp--preset--font-size--small);
		font-weight: 600;
		color: var(--wp--preset--color--ink-3);
		background: none;
		border: 0;
		border-bottom: 3px solid transparent;
		margin-bottom: -1px;
		cursor: pointer;
	}

	.al-mkt__tabs button[aria-selected="true"] {
		color: var(--wp--preset--color--ink-1);
		border-bottom-color: var(--wp--preset--color--signal-1);
	}

	.al-mkt__tabs button:focus-visible {
		outline-offset: -2px;
	}
}

@media (min-width: 1024px) {
	/* Bolsa à esquerda (gráfico em cima, moedas e cripto embaixo), altas e
	   baixas à direita. Os painéis viram parte da grade. */
	.al-mkt--js .al-mkt__grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		align-items: start;
	}

	.al-mkt__panel,
	.al-mkt__panel.is-ativo {
		display: contents;
	}

	.al-mkt__box--ibov {
		grid-column: 1;
		grid-row: 1;
	}

	.al-mkt__box--moedas {
		grid-column: 1;
		grid-row: 2;
	}

	.al-mkt__box--cripto {
		grid-column: 1;
		grid-row: 3;
	}

	.al-mkt__box--hot {
		grid-column: 2;
		grid-row: 1 / span 3;
		align-self: stretch;
	}

	.al-tv--hot {
		height: 470px;
	}
}

@media (max-width: 599px) {
	.al-ticker__inner {
		padding: 0 var(--wp--preset--spacing--3);
		gap: 8px;
	}

	/* Celular: na mesma linha, a atribuição (13 px, uma linha) deixaria uns
	   130 px para as cotações. Ela desce para uma linha própria, menor, e as
	   cotações ficam com a largura toda. !important só porque o script do
	   fornecedor aplica a tipografia dele com !important. */
	.al-ticker__inner {
		height: auto;
		align-items: flex-start;
	}

	/* O script grava height:90px no contêiner; o limite fica no espaço
	   externo: 44 px de cotações + 18 px de atribuição. */
	.al-tv--faixa {
		height: 62px;
	}

	.al-tv--faixa .tradingview-widget-container {
		display: grid;
		grid-template-rows: 44px auto;
	}

	.al-tv--faixa .tradingview-widget-copyright {
		position: relative;
		margin-top: 0;
		padding: 0 0 4px;
		background: var(--wp--preset--color--paper-1);
		font-size: 11px !important;
		line-height: 14px !important;
		text-align: right !important;
	}

	.al-ticker__pausa {
		margin-top: 6px;
	}

	.al-tv--hot {
		height: 400px;
	}
}

/* Espaço entre cabeçalho e conteúdo: o intervalo-padrão de blocos do tema
   pai (16 px) somava-se ao respiro do <main> e ao da faixa de assuntos. */
.wp-site-blocks > main {
	margin-block-start: 0;
}

.al-home > .al-home--topicos {
	margin-block-start: 0;
}

/* Logotipos (al_imagem_e_logo()): inteiros, nunca recortados. Sem borda,
   padding ou fundo do template — o respiro é o que vem no próprio arquivo. */
.al-card .al-card__img--logo {
	background: transparent;
}

.al-card .al-card__media--logo,
.al-rcard__img--logo {
	object-fit: contain;
}

/* Painel estreito: um widget "single-quote" por ativo (mercado.js), empilhados
   na altura que o próprio widget define. */
.al-tv--quotes.al-tv--pilha {
	height: auto;
	min-height: 160px;
}

.al-tv--pilha .tradingview-widget-container,
.al-tv--pilha .tradingview-widget-container__widget {
	height: auto;
}

/* ==========================================================================
   Páginas institucionais (quem somos)
   ========================================================================== */
.al-page--institucional .al-body h1 {
	font-size: var(--wp--preset--font-size--title-l);
	line-height: 1.1;
	margin: 0 0 var(--wp--preset--spacing--5);
}

.al-page--institucional .al-body h1 strong {
	font-weight: inherit;
}

.al-page--institucional .al-body h2 {
	font-size: var(--wp--preset--font-size--title-s);
	font-weight: 700;
	margin: var(--wp--preset--spacing--7) 0 var(--wp--preset--spacing--3);
	padding-top: var(--wp--preset--spacing--4);
	border-top: var(--al-rule);
}

/* Manifesto (mídia e texto): logotipo inteiro à esquerda, texto alinhado à
   direita como no original; moldura fina em vez do traço preto de 2 px. */
.al-page--institucional .wp-block-media-text {
	display: grid;
	grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
	align-items: center;
	border-color: var(--wp--preset--color--hairline);
	border-style: solid;
	padding: var(--wp--preset--spacing--5);
	gap: var(--wp--preset--spacing--6);
	margin-bottom: var(--wp--preset--spacing--6);
	border-radius: var(--al-raio-painel);
}

.al-page--institucional .wp-block-media-text__media img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.al-page--institucional .wp-block-media-text__content {
	padding: 0;
}

.al-page--institucional .wp-block-media-text__content p {
	font-size: var(--wp--preset--font-size--lede);
	line-height: 1.45;
	margin: 0 0 var(--wp--preset--spacing--3);
}

.al-page__link a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	color: var(--wp--preset--color--ink-1);
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--hairline);
	text-underline-offset: 3px;
}

.al-page__link a:hover {
	text-decoration-color: currentColor;
}

@media (max-width: 599px) {
	.al-page--institucional .wp-block-media-text {
		grid-template-columns: minmax(0, 1fr);
		padding: var(--wp--preset--spacing--4);
		border-radius: var(--al-raio-painel);
	}

	.al-page--institucional .wp-block-media-text__media {
		max-width: 160px;
	}

	.al-page--institucional .wp-block-media-text__content p {
		font-size: var(--wp--preset--font-size--body);
	}
}

/* Texto corrido marcado como "largo" no editor: medida de leitura (720 px);
   só o manifesto (mídia e texto) usa a largura toda. */
.al-page--institucional .al-body > p.alignwide,
.al-page--institucional .al-body > h2.alignwide {
	max-width: 720px;
}

/* ==========================================================================
   Matéria: abertura ampla e coluna de leitura (templates/single.html)
   Abertura (trilha, editoria, título, linha fina, autoria) em até 1000 px;
   imagem e corpo em 680 px, no mesmo eixo. Tudo sob .al-materia: páginas
   institucionais (.al-article.al-page) não mudam.
   ========================================================================== */
.al-materia .al-abertura {
	margin-bottom: var(--wp--preset--spacing--5);
}

/* Trilha e editoria: compactas e discretas. */
.al-materia .yoast-breadcrumbs {
	margin-bottom: var(--wp--preset--spacing--1);
}

.al-materia .al-kicker {
	margin: 0 0 var(--wp--preset--spacing--2);
}

/* Fio acima do título: fino, sem competir com a manchete. */
.al-materia .al-rule.wp-block-separator {
	max-width: none;
	border-top: var(--al-rule);
}

.al-materia h1.wp-block-post-title.al-headline {
	font-size: var(--wp--preset--font-size--manchete);
	line-height: 1.1;
	letter-spacing: -0.015em;
	margin: var(--wp--preset--spacing--4) 0 var(--wp--preset--spacing--3);
}

.al-materia .al-dek {
	font-size: var(--wp--preset--font-size--linha-fina);
	line-height: 1.5;
	margin: 0 0 var(--wp--preset--spacing--5);
}

/* Autoria e datas à esquerda, compartilhar à direita, fio fino embaixo. */
.al-materia .al-byline {
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--wp--preset--spacing--4);
	margin: 0;
	padding-bottom: var(--wp--preset--spacing--4);
	border-bottom: var(--al-rule);
}

.al-materia .al-byline > .al-post-part--byline {
	flex: 1 1 auto;
	min-width: 0;
}

.al-materia .al-byline > .al-share {
	flex: none;
}

.al-materia .al-share__toggle {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

/* Imagem e legenda na coluna de leitura; legenda colada à imagem. */
.al-materia .al-featured {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--5);
}

.al-materia .al-featured__caption {
	margin: var(--wp--preset--spacing--2) 0 0;
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.4;
	color: var(--wp--preset--color--ink-3);
}

/* Corpo: 680 px, 18 px, entrelinha 1,6. */
.al-materia .al-body {
	font-size: var(--wp--preset--font-size--reading);
	line-height: 1.6;
}

.al-materia .al-body h2 {
	margin-top: 1.6em;
	line-height: 1.25;
}

.al-materia .al-body h3 {
	margin-top: 1.4em;
	line-height: 1.3;
}

@media (max-width: 599px) {
	/* Margens laterais de 18 px na matéria. */
	.al-materia.has-global-padding {
		--wp--style--root--padding-left: 18px;
		--wp--style--root--padding-right: 18px;
	}

	.al-materia .al-body {
		font-size: var(--wp--preset--font-size--reading);
	}

	.al-materia .al-byline {
		align-items: flex-start;
	}

	/* Alvo de toque confortável. */
	.al-materia .al-share__toggle {
		width: 44px;
		height: 44px;
	}
}

/* Fios do fim da matéria alinhados à coluna de leitura (680 px). */
.al-materia .al-hairline.wp-block-separator {
	max-width: none;
}