/* Deferred portion of home.css — sections that render below the fold on
   the homepage (article carousels, category sections, assuntos,
   ultimas-noticias page, sidebar TV schedule, mobile live widget,
   image-corner rounding). Loaded async via the
   media=print → onload swap; live above-fold layout stays in home.css. */

/* ── Article carousels (Opinião mobile, Assuntos) ────────────────────────── */

.agenda-do-poder-art-carousel {
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 16px;
}

.agenda-do-poder-art-carousel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 12px;
}

.agenda-do-poder-art-carousel--opiniao {
	background: #ffffff;
	border: 2px solid var(--agenda-do-poder-red, #ec0000);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(120, 18, 27, 0.15);
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-carousel-head {
	background: #ffffff;
	border-bottom: 2px solid var(--agenda-do-poder-red, #ec0000);
	padding: 14px 16px;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-carousel-label {
	color: var(--agenda-do-poder-red, #ec0000);
	font-size: 15px;
	letter-spacing: 0.08em;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-btn {
	background: var(--agenda-do-poder-red, #ec0000);
	border-color: var(--agenda-do-poder-red, #ec0000);
	color: #ffffff;
	width: 32px;
	height: 32px;
	font-size: 22px;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-btn:hover:not(:disabled) {
	background: var(--agenda-do-poder-red-dark, #c10000);
}

/* Centered slide: large columnist avatar, stacked red author name + headline. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-slide {
	background: #ffffff;
	border-top: 0;
	padding: 20px 0 24px;
	text-align: center;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-avatar {
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	border-color: var(--agenda-do-poder-red, #ec0000);
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-author {
	display: block;
	width: 100%;
	color: var(--agenda-do-poder-red, #ec0000);
	font-size: 14px;
	font-weight: 700;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-author:hover {
	color: var(--agenda-do-poder-red-dark, #c10000);
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-title {
	display: block;
	width: 100%;
	font-size: 17px;
	line-height: 1.3;
	margin-bottom: 8px;
}

/* Título em carvão, igual ao resto do site — o vermelho fica por conta do nome
   do colunista, que é o que identifica a coluna. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-title a {
	color: var(--agenda-do-poder-headline, #15181c);
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-title a:hover {
	color: var(--agenda-do-poder-red, #ec0000);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-date {
	display: block;
	width: 100%;
	color: var(--agenda-do-poder-muted, #6b7280);
}

/* Give the text its own inner padding so long titles don't kiss the edges or
   overlap the floating nav arrows, and let long words wrap. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-author,
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-title,
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-date {
	box-sizing: border-box;
	padding-left: 16px;
	padding-right: 16px;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.agenda-do-poder-art-carousel-label {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	font-family: var(--wp--preset--font-family--source-sans-3);
}

.agenda-do-poder-art-carousel-arrows { display: flex; gap: 4px; }

.agenda-do-poder-art-btn {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
	transition: background 0.15s ease, opacity 0.15s ease;
}

.agenda-do-poder-art-btn:disabled { opacity: 0.3; cursor: default; }

.agenda-do-poder-art-track {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.agenda-do-poder-art-track::-webkit-scrollbar { display: none; }

.agenda-do-poder-art-slide {
	flex: 0 0 100%;
	scroll-snap-align: start;
	padding: 14px 12px;
	background: #ffffff;
	border-top: 1px solid var(--agenda-do-poder-line);
}

.agenda-do-poder-art-avatar {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid var(--agenda-do-poder-line);
}

.agenda-do-poder-art-avatar-img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 50%;
}

.agenda-do-poder-art-author {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--agenda-do-poder-muted);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--source-sans-3);
}

.agenda-do-poder-art-author:hover { color: var(--agenda-do-poder-ink); }

.agenda-do-poder-art-title {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.38;
}

.agenda-do-poder-art-title a { color: var(--agenda-do-poder-ink); text-decoration: none; }
.agenda-do-poder-art-title a:hover { color: var(--agenda-do-poder-red); }

.agenda-do-poder-art-date {
	font-size: 11px;
	color: var(--agenda-do-poder-muted);
	font-family: var(--wp--preset--font-family--source-sans-3);
	letter-spacing: 0.04em;
}


.agenda-do-poder-rail-content .wp-block-post-date {
	margin-top: 4px;
}

/* ── Home category sections (Poder, Brasil, Mundo, Economia) ─────────────── */

/* Post-feed block (category sections below home) — rendered as a sibling of
   <main>, full-bleed, with an inner 1440px cap. Keeps the category sections
   out of the 3-column sidebar layout above. */
.agenda-do-poder-home-post-feed {
	display: block;
	width: 100%;
	/* padding: 0 4vw; */
	box-sizing: border-box;
	background: #ffffff;
}

.agenda-do-poder-home-post-feed-inner {
	max-width: 1440px;
	margin: 0 auto;
}

.agenda-do-poder-home-cat-section.agenda-do-poder-home-cat-section {
	display: block;
	width: 100%;
	margin-top: 36px;
	margin-bottom: 0;
}

/* Each section carries its own accent via the --agenda-do-poder-cat-accent
   custom property. Colours are assigned in code (one per section, cycling
   through the --c1…--c6 palette below); falls back to the brand red. The
   header is a pill-tab with an accent underline that fades out. */
.agenda-do-poder-home-cat-section {
	--agenda-do-poder-cat-accent: #ec0000;
}

.agenda-do-poder-home-cat-section--c1 { --agenda-do-poder-cat-accent: #ec0000; } /* vermelho */
.agenda-do-poder-home-cat-section--c2 { --agenda-do-poder-cat-accent: #1463b8; } /* azul */
.agenda-do-poder-home-cat-section--c3 { --agenda-do-poder-cat-accent: #1a7f3c; } /* verde */
.agenda-do-poder-home-cat-section--c4 { --agenda-do-poder-cat-accent: #e8590c; } /* laranja */
.agenda-do-poder-home-cat-section--c5 { --agenda-do-poder-cat-accent: #7a3fb8; } /* roxo */
.agenda-do-poder-home-cat-section--c6 { --agenda-do-poder-cat-accent: #0d8a8a; } /* teal */

.agenda-do-poder-home-cat-header {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 14px;
}

.agenda-do-poder-home-cat-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--agenda-do-poder-cat-accent) 0%, var(--agenda-do-poder-cat-accent) 34%, rgba(0, 0, 0, 0.08) 34%);
}

.agenda-do-poder-home-cat-title {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 26px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	margin: 0;
	line-height: 1;
	padding: 12px 30px 12px 18px;
	color: #ffffff;
	background: var(--agenda-do-poder-cat-accent);
	border-radius: 4px 4px 4px 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
	box-shadow: 0 6px 16px -8px var(--agenda-do-poder-cat-accent);
}

.agenda-do-poder-home-cat-title a {
	color: #ffffff !important;
	text-decoration: none !important;
}

.agenda-do-poder-home-cat-title a:hover {
	color: #ffffff !important;
	opacity: 0.92;
}

/* "Ver todas" link on the opposite side of the section title. */
.agenda-do-poder-home-cat-seeall {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: none;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	color: var(--agenda-do-poder-cat-accent);
	transition: gap 0.15s ease, opacity 0.15s ease;
}

.agenda-do-poder-home-cat-seeall:hover {
	opacity: 0.8;
	gap: 10px;
}

.agenda-do-poder-home-cat-seeall-arrow {
	font-size: 15px;
	line-height: 1;
}

/* ── Category-section cards (Poder / Brasil / Mundo / Economia) ──────────── */

/* Desktop: matéria principal (2fr, ocupa as 2 fileiras) + 5 colunas de cards
   menores x 2 fileiras = 11 no total. As 5 colunas mantêm os cards com a mesma
   largura de antes; o que mudou foi a seção passar a usar a largura cheia. */
.agenda-do-poder-home-cat-grid {
	display: grid;
	/* 3fr na principal (era 2fr): a matéria de abertura da faixa fica
	   visivelmente maior que as demais, em vez de só um pouco mais larga. */
	/* minmax(0, …) e não 1fr seco: `1fr` é atalho de `minmax(auto, 1fr)`, e o
	   `auto` impede a coluna de encolher abaixo do conteúdo mínimo dela. Bastava
	   um título com palavra longa na última coluna para essa coluna crescer e
	   roubar largura às outras quatro — foi o que deixou as duas da direita
	   maiores. Com o mínimo em 0, as cinco ficam sempre iguais. */
	grid-template-columns: minmax(0, 3fr) repeat(5, minmax(0, 1fr));
	grid-template-rows: auto auto;
	gap: 20px;
	align-items: start;
}

.agenda-do-poder-home-cat-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* First card: tall lead spanning both rows of the right-side 2×2 grid */
.agenda-do-poder-home-cat-card:first-child {
	grid-row: 1 / 3;
}

.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-img img {
	aspect-ratio: 4/3;
}

/* Título acompanha o card maior, senão a matéria de abertura fica com foto
   grande e manchete do mesmo tamanho das secundárias. */
.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-title {
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: -0.012em;
}

.agenda-do-poder-home-cat-card-img {
	display: block;
	overflow: hidden;
}

.agenda-do-poder-home-cat-card-img img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
	display: block;
	transition: transform 0.2s;
}

.agenda-do-poder-home-cat-card-img:hover img {
	transform: scale(1.03);
}

.agenda-do-poder-home-cat-card-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* Aparência da chapeleta (pílula vermelha) vive em style.css. */
.agenda-do-poder-home-cat-card-kicker {
	margin: 0 0 5px;
}

.agenda-do-poder-home-cat-card-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.agenda-do-poder-home-cat-card-title a {
	color: var(--agenda-do-poder-headline, #15181c);
	text-decoration: none;
}

.agenda-do-poder-home-cat-card-title a:hover {
	color: var(--agenda-do-poder-red);
}

/* Laptop: 4 colunas. A principal ocupa a 1ª coluna em duas fileiras, sobrando
   3 cards por fileira ao lado dela; da 3ª fileira em diante a coluna 1 fica
   livre e cabem 4. Dá 1 + 3 + 3 + 4 = 11, exactamente as mesmas do desktop e
   sem fileira irregular — por isso já não há cards escondidos aqui. */
@media (max-width: 1180px) {
	.agenda-do-poder-home-cat-grid {
		grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
	}
}

/* Tablet: 2 columns, lead no longer row-spans */
@media (max-width: 980px) {
	.agenda-do-poder-home-cat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
	}

	/* Principal ocupa a linha inteira; as outras 10 seguem em 2 colunas, 5
	   fileiras. Continuam a ser as 11 do desktop. */
	.agenda-do-poder-home-cat-card:first-child {
		grid-row: auto;
		grid-column: 1 / 3;
	}

	.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-img img {
		aspect-ratio: 16/9;
	}

	.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-title {
		font-size: 1.1rem;
	}
}

/* ───────────────────────────────────────────────────────────────────────────
   Faixa curta — menos de 11 matérias

   A grade acima assume a faixa cheia. Uma faixa livre, montada à mão no Gestor,
   costuma ter cinco ou seis, e as colunas que sobravam ficavam vazias à direita.
   Estas regras encolhem a grade até ao que há para mostrar. Quem calcula é o
   PHP, em patterns/home.php, logo antes de imprimir a faixa.

   Uma regra por valor porque repeat() não aceita var(): a contagem tem de ser
   um número escrito. Depois dos @media acima de propósito — a partir de 980px
   a grade já cai para duas colunas e uma faixa curta enche-as sozinha.
   ─────────────────────────────────────────────────────────────────────────── */
@media (min-width: 981px) {
	.agenda-do-poder-home-cat-grid--cols-1 { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
	.agenda-do-poder-home-cat-grid--cols-2 { grid-template-columns: minmax(0, 3fr) repeat(2, minmax(0, 1fr)); }
	.agenda-do-poder-home-cat-grid--cols-3 { grid-template-columns: minmax(0, 3fr) repeat(3, minmax(0, 1fr)); }
	.agenda-do-poder-home-cat-grid--cols-4 { grid-template-columns: minmax(0, 3fr) repeat(4, minmax(0, 1fr)); }
}

/* Cabe tudo numa fileira: a principal deixa de ocupar duas, senão esticava-se
   sobre uma segunda fileira vazia. */
.agenda-do-poder-home-cat-grid--onerow {
	grid-template-rows: auto;
}

.agenda-do-poder-home-cat-grid--onerow .agenda-do-poder-home-cat-card:first-child {
	grid-row: auto;
}

/* Uma matéria só: ocupa a faixa toda, como um destaque. */
.agenda-do-poder-home-cat-grid--solo {
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto;
}

.agenda-do-poder-home-cat-grid--solo .agenda-do-poder-home-cat-card:first-child {
	grid-row: auto;
	/* Anula o grid-column: 1 / 3 que a grade de duas colunas põe no telemóvel;
	   aqui só existe uma coluna e a segunda seria criada do nada. */
	grid-column: auto;
}

/* Teto por faixa no telemóvel, escolhido no Gestor em "No celular". Uma regra
   por valor porque :nth-child() não aceita variável CSS — daí a lista fechada
   de 3, 5 e 7 no seletor. Sem escolha, a faixa mostra todas, como antes. */
@media (max-width: 640px) {
	.agenda-do-poder-home-cat-section--m3 .agenda-do-poder-home-cat-card:nth-child(n + 4),
	.agenda-do-poder-home-cat-section--m5 .agenda-do-poder-home-cat-card:nth-child(n + 6),
	.agenda-do-poder-home-cat-section--m7 .agenda-do-poder-home-cat-card:nth-child(n + 8) {
		display: none;
	}
}

/* Mobile: lista de uma coluna, cada card vira uma linha horizontal ao estilo
   dos destaques (texto à esquerda, miniatura de 88px à direita). Empilham as
   11, como no desktop — em coluna única não há fileira para ficar irregular. */
@media (max-width: 640px) {
	.agenda-do-poder-home-cat-title {
		font-size: 20px;
		padding: 9px 24px 9px 14px;
	}

	.agenda-do-poder-home-cat-seeall {
		font-size: 11px;
		letter-spacing: 0.04em;
	}

	.agenda-do-poder-home-cat-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0;
	}

	.agenda-do-poder-home-cat-card:first-child {
		grid-row: auto;
		grid-column: auto;
	}

	.agenda-do-poder-home-cat-card {
		flex-direction: row;
		align-items: flex-start;
		gap: 10px;
		padding: 9px 0;
		border-top: 1px solid var(--agenda-do-poder-line);
	}

	.agenda-do-poder-home-cat-card:first-child {
		border-top: 0;
		padding-top: 0;
	}

	.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-img img {
		aspect-ratio: 16/9;
	}

	.agenda-do-poder-home-cat-card:first-child .agenda-do-poder-home-cat-card-title {
		font-size: clamp(1rem, 4vw, 1.15rem);
	}

	.agenda-do-poder-home-cat-card-body {
		order: 1;
		flex: 1;
		min-width: 0;
		padding-right: 0 !important;
	}

	.agenda-do-poder-home-cat-card-img {
		order: 2;
		flex: 0 0 88px;
		width: 88px;
		margin-top: 2px;
	}

	.agenda-do-poder-home-cat-card-title {
		font-size: clamp(1rem, 4vw, 1.15rem);
		line-height: 1.22;
	}
}


/* ── Home Assuntos sections (curated ongoing events) ─────────────────────── */

.agenda-do-poder-home-subject-section {
	margin: 24px 0 0;
	padding: 16px 18px 18px;
	background: #fff7f5;
	border-left: 4px solid var(--agenda-do-poder-red);
	border-radius: 2px;
}

.agenda-do-poder-home-subject-header {
	display: flex;
	align-items: baseline;
	gap: 12px;
	border-bottom: 1px solid rgba(208, 32, 32, 0.18);
	margin-bottom: 14px;
	padding-bottom: 10px;
	flex-wrap: wrap;
}

.agenda-do-poder-home-subject-flag {
	display: none; /* hidden for now — only the curated subject title is shown. Remove this rule to restore the "ASSUNTO" pill. */
	background: var(--agenda-do-poder-red);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 4px 8px;
	border-radius: 2px;
	line-height: 1;
}

.agenda-do-poder-home-subject-title {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin: 0;
	line-height: 1.15;
	color: var(--agenda-do-poder-ink);
}

.agenda-do-poder-home-subject-grid {
	display: grid;
	/* Mesmo motivo da faixa de categoria: `1fr` seco é minmax(auto, 1fr), e o
	   `auto` deixa uma coluna crescer por causa do conteúdo dela. */
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

/* Tablet: 3 por linha. */
@media (max-width: 1024px) {
	.agenda-do-poder-home-subject-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Celular: 2 em 2. Esta grade agora vale para todas as telas — o carrossel que
   rodava só no mobile foi removido. */
@media (max-width: 640px) {
	.agenda-do-poder-home-subject-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 12px;
	}
}

/* When more than 4 articles are curated, wrap to a second row instead of
   overflowing the section width. */
.agenda-do-poder-home-subject-grid > .agenda-do-poder-home-subject-card:nth-child(n+5) {
	margin-top: 4px;
}

.agenda-do-poder-home-subject-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.agenda-do-poder-home-subject-card-img {
	display: block;
	overflow: hidden;
}

.agenda-do-poder-home-subject-card-img img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
	display: block;
	transition: transform 0.2s;
}

.agenda-do-poder-home-subject-card-img:hover img {
	transform: scale(1.03);
}

.agenda-do-poder-home-subject-card-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.agenda-do-poder-home-subject-card-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}

.agenda-do-poder-home-subject-card-title a {
	color: var(--agenda-do-poder-headline, #15181c);
	text-decoration: none;
}

.agenda-do-poder-home-subject-card-title a:hover {
	color: var(--agenda-do-poder-red);
}

/* ── Compact carousel item (avatar left, author + title right) ───────────────
   Base layout shared by every carousel variant; colour/size tweaks per modifier
   below. */
.agenda-do-poder-art-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.agenda-do-poder-art-item-body {
	flex: 1;
	min-width: 0;
}

/* Left-align the item text (overrides the old centered playlist styling). */
.agenda-do-poder-art-item .agenda-do-poder-art-author,
.agenda-do-poder-art-item .agenda-do-poder-art-title,
.agenda-do-poder-art-item .agenda-do-poder-art-title a,
.agenda-do-poder-art-item .agenda-do-poder-art-date {
	width: auto;
	text-align: left;
}

/* ── Blogs (desktop) — light 4×2 grid of columnist cards ──────────────────────
   Mirrors agendadopoder.com.br: circular author avatar on the left, red author
   name, dark title. Each carousel slide is a 4-column grid (8 items / slide). */
.agenda-do-poder-art-carousel--blogs {
	background: transparent;
	border-radius: 0;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-carousel-head {
	padding: 0 0 10px;
	margin-bottom: 16px;
	border-bottom: 2px solid var(--agenda-do-poder-red, #ec0000);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-carousel-label {
	color: var(--agenda-do-poder-ink, #15181c);
	font-size: 18px;
	font-weight: 800;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-btn {
	background: #f1f1f3;
	color: #15181c;
	border: 1px solid var(--agenda-do-poder-line, #e2e3e6);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-btn:hover:not(:disabled) {
	background: #e2e3e6;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-slide {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px 30px;
	background: #ffffff;
	border-top: 0;
	padding: 4px 0 10px;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item {
	border-top: 0;
	padding: 0;
	align-items: flex-start;
	gap: 12px;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-avatar {
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	border-color: var(--agenda-do-poder-line, #e2e3e6);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-author {
	color: var(--agenda-do-poder-red, #ec0000);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	padding: 0;
	margin-bottom: 4px;
	display: block;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-author:hover {
	color: var(--agenda-do-poder-red-dark, #c10000);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-title {
	font-size: 15px;
	line-height: 1.32;
	margin: 0;
	padding: 0;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-title a {
	color: var(--agenda-do-poder-headline, #15181c);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-title a:hover {
	color: var(--agenda-do-poder-red, #ec0000);
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-item .agenda-do-poder-art-date {
	display: none;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-dots {
	display: flex !important;
	justify-content: center !important;
	gap: 8px;
	width: 100%;
	padding: 14px 0 2px;
	background: transparent;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-dot {
	flex: 0 0 auto;
	margin: 0;
}

.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-dot.is-active {
	background: var(--agenda-do-poder-red, #ec0000);
}

@media (max-width: 980px) {
	.agenda-do-poder-art-carousel--blogs .agenda-do-poder-art-slide {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Position dots (rendered only for the multi-item blogger carousels). */
.agenda-do-poder-art-dots {
	display: flex;
	justify-content: center;
	gap: 7px;
	padding: 12px 0;
}

.agenda-do-poder-art-dot {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background: rgba(15, 30, 53, 0.25);
	transition: transform 0.15s ease, background 0.15s ease;
}

.agenda-do-poder-art-dot.is-active {
	transform: scale(1.3);
	background: var(--agenda-do-poder-red);
}

/* ── Opinião carousel slides: 3 compact items per slide, with a peek of the
   next slide on the right and position dots. ─────────────────────────────── */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-slide {
	flex: 0 0 84%;        /* leaves ~16% of the next slide peeking */
	display: flex;
	flex-direction: column;
	text-align: left;
	padding: 2px 16px 6px;
	border-top: 0;
}

/* All slides stretch to the tallest one (default align-items on the flex track);
   items grow equally so shorter slides fill their height instead of leaving a
   blank gap at the bottom. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item {
	flex: 1 1 auto;
	padding: 13px 0;
	border-top: 1px solid var(--agenda-do-poder-line, #e2e3e6);
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item:first-child {
	border-top: 0;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item .agenda-do-poder-art-avatar {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	/* Aro vermelho fino em vez do cinza padrão: liga o retrato ao nome. */
	border: 2px solid var(--agenda-do-poder-red, #ec0000);
}

/* Nome do colunista: o único vermelho do item, em caixa-alta e destacado. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item .agenda-do-poder-art-author {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item .agenda-do-poder-art-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.32;
	margin-bottom: 4px;
}

/* A data sai: com 3 itens por slide ela só somava ruído. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item .agenda-do-poder-art-date {
	display: none;
}

/* Respiro maior entre retrato e texto. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-item {
	gap: 12px;
	align-items: flex-start;
}

/* Dots sit on the white card surface. */
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-dots { background: #ffffff; }
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-dot { background: rgba(181, 18, 27, 0.25); }
.agenda-do-poder-art-carousel--opiniao .agenda-do-poder-art-dot.is-active { background: var(--agenda-do-poder-red, #ec0000); }


/* ── /ultimas-noticias/ page ─────────────────────────────────────────── */

.agenda-do-poder-ultimas-shell { background: #fff; }

/* Own archive heading — opt out of the constrained-layout content-size cap so
   the title can use the full width of the head (its <h1> sits inside the
   constrained .agenda-do-poder-ultimas-head group). */
.agenda-do-poder-ultimas-title {
	max-width: none !important;
}

/* Extra top breathing room on mobile so the page title isn't crammed
   against the sticky/regular header. Inline padding-top is 14px; we
   layer on top of it instead of overriding so desktop stays unchanged. */
@media (max-width: 768px) {
	.agenda-do-poder-ultimas-shell {
		padding-top: 28px !important;
	}
}

.agenda-do-poder-ultimas-title {
	margin: 0;
	letter-spacing: -0.01em;
}

.agenda-do-poder-ultimas-sub {
	margin: 6px 0 0;
	color: var(--agenda-do-poder-muted, #6a7280);
}

/* The featured-image <figure> carries the browser's default margin, which was
   stacking extra space below the image inside the card. Reset it so only the
   card's own spacing (gap) separates the image from the kicker/title. */
.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-img {
	margin: 0;
}

.agenda-do-poder-ultimas-query .agenda-do-poder-ultimas-grid,
.agenda-do-poder-ultimas-query .wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 28px 22px;
	align-items: start;
}

/* Kill the default `.is-layout-flow > * + *` margin that WordPress injects
   into the post-template; it pushes every card after the first ~0.5em down,
   making the first card look misaligned in a grid. */
.agenda-do-poder-ultimas-query .wp-block-post-template > *,
.agenda-do-poder-ultimas-query .agenda-do-poder-ultimas-grid > * {
	margin-block-start: 0;
	margin-block-end: 0;
	align-self: start;
}

.agenda-do-poder-ultimas-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	background: transparent;
}

/* Ad cards (standard-2 / standard-3) spliced into the Últimas grid — span
   the full row so they read as a break in the listing instead of competing
   with a story card. */
.agenda-do-poder-ultimas-ad-card {
	list-style: none;
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0;
	border-top: 1px solid var(--wp--preset--color--tertiary);
	border-bottom: 1px solid var(--wp--preset--color--tertiary);
}

.agenda-do-poder-ultimas-ad-card .agenda-do-poder-ad-slot {
	min-height: 250px;
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-img img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	border-radius: 6px;
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-kicker {
	margin: 4px 0 0;
	color: var(--agenda-do-poder-red, #c41e3a);
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-kicker a,
.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-kicker {
	text-decoration: none;
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-title {
	margin: 0;
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-title a {
	color: var(--agenda-do-poder-ink, #1a1a1a);
	text-decoration: none;
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-title a:hover {
	color: var(--agenda-do-poder-red, #c41e3a);
}

.agenda-do-poder-ultimas-card .agenda-do-poder-ultimas-card-date {
	margin: 0;
	color: var(--agenda-do-poder-muted, #6a7280);
}

/* Pagination */
.agenda-do-poder-ultimas-pagination {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--agenda-do-poder-line, #e6e8ec);
	align-items: center;
}

.agenda-do-poder-ultimas-pagination .wp-block-query-pagination-numbers {
	display: inline-flex;
	gap: 4px;
}

.agenda-do-poder-ultimas-pagination a,
.agenda-do-poder-ultimas-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--agenda-do-poder-line, #e6e8ec);
	border-radius: 6px;
	color: var(--agenda-do-poder-ink, #1a1a1a);
	text-decoration: none;
	font-size: 0.88rem;
	font-weight: 600;
	transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}

.agenda-do-poder-ultimas-pagination a:hover {
	background: var(--agenda-do-poder-soft, #f3f5f8);
	border-color: var(--agenda-do-poder-ink, #1a1a1a);
}

.agenda-do-poder-ultimas-pagination .page-numbers.current,
.agenda-do-poder-ultimas-pagination .wp-block-query-pagination-numbers .current {
	background: var(--agenda-do-poder-red, #c41e3a);
	border-color: var(--agenda-do-poder-red, #c41e3a);
	color: #fff;
}

.agenda-do-poder-ultimas-pagination .page-numbers.dots {
	border: none;
	background: transparent;
}

@media (max-width: 780px) {
	.agenda-do-poder-ultimas-query .agenda-do-poder-ultimas-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 14px;
	}
}

@media (max-width: 480px) {
	.agenda-do-poder-ultimas-query .agenda-do-poder-ultimas-grid {
		grid-template-columns: 1fr;
	}
}


/* ── Sidebar: Hoje na TV 247 (collapsible button) ─────────────────────────── */
.agenda-do-poder-tv-schedule {
	margin: 10px 0 2px;
}

/* The <summary> doubles as the toggle button inside the "Ao vivo" widget. */
.agenda-do-poder-tv-schedule-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 14px;
	background: #1d3c61;
	color: #ffffff;
	border-radius: 6px;
	font-family: var(--wp--preset--font-family--inter, inherit);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
	user-select: none;
	transition: background-color 0.15s ease;
}

.agenda-do-poder-tv-schedule-btn::-webkit-details-marker {
	display: none;
}

.agenda-do-poder-tv-schedule-btn:hover,
.agenda-do-poder-tv-schedule-btn:focus-visible {
	background: #244a78;
}

.agenda-do-poder-tv-schedule-btn-icon {
	flex: 0 0 auto;
	display: inline-flex;
}

.agenda-do-poder-tv-schedule-btn-icon svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.agenda-do-poder-tv-schedule-btn-text {
	flex: 1 1 auto;
}

.agenda-do-poder-tv-schedule-btn-caret {
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid currentColor;
	transition: transform 0.2s ease;
}

.agenda-do-poder-tv-schedule[open] .agenda-do-poder-tv-schedule-btn {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.agenda-do-poder-tv-schedule[open] .agenda-do-poder-tv-schedule-btn-caret {
	transform: rotate(180deg);
}

.agenda-do-poder-tv-schedule-date {
	white-space: nowrap;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.7);
}

.agenda-do-poder-tv-schedule-list {
	list-style: none;
	margin: 0;
	padding: 14px 16px;
	background: #1d3c61;
	color: #ffffff;
	border-radius: 0 0 8px 8px;
}

.agenda-do-poder-tv-item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 6px;
	padding: 9px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
}

.agenda-do-poder-tv-item:first-child {
	padding-top: 0;
}

.agenda-do-poder-tv-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.agenda-do-poder-tv-time {
	flex: 0 0 auto;
	font-weight: 700;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.82);
}

.agenda-do-poder-tv-time::after {
	content: " -";
}

.agenda-do-poder-tv-title {
	font-size: 14px;
	line-height: 1.4;
	color: #ffffff;
}

a.agenda-do-poder-tv-title {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: rgba(255, 255, 255, 0.5);
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a.agenda-do-poder-tv-title:hover,
a.agenda-do-poder-tv-title:focus {
	color: #ffd98a;
	text-decoration-color: #ffd98a;
}

.agenda-do-poder-tv-live-badge {
	display: none;
	flex: 0 0 auto;
	margin-left: 2px;
	padding: 1px 6px;
	border-radius: 3px;
	background: var(--agenda-do-poder-red, #EC0000);
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.agenda-do-poder-tv-item.is-live {
	margin: 0 -10px;
	padding-left: 10px;
	padding-right: 10px;
	background: rgba(255, 255, 255, 0.09);
	border-radius: 6px;
	box-shadow: inset 3px 0 0 var(--agenda-do-poder-red, #EC0000);
}

.agenda-do-poder-tv-item.is-live .agenda-do-poder-tv-live-badge {
	display: inline-block;
}

.agenda-do-poder-tv-item.is-live .agenda-do-poder-tv-title {
	font-weight: 700;
}

/* ── Mobile-only "Ao vivo + Programação" widget ──────────────────────────── */
/* Slim live block printed on the home page between the Blogs 247 and Terra   */
/* carousels. Rendered server-side only on mobile (wp_is_mobile()), so the    */
/* desktop sidebar "Ao vivo" widget and this one never ship together.         */
.agenda-do-poder-mobile-live {
	margin-bottom: 16px;
	border-radius: 3px;
	overflow: hidden;
	background: #1d3c61;
}

.agenda-do-poder-mobile-live-head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
}

.agenda-do-poder-mobile-live-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px;
	border-radius: 3px;
	background: var(--agenda-do-poder-red, #EC0000);
	color: #ffffff;
	font-family: var(--wp--preset--font-family--source-sans-3, inherit);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.agenda-do-poder-mobile-live-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffffff;
}

.agenda-do-poder-mobile-live-title {
	font-family: var(--wp--preset--font-family--source-sans-3, inherit);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #ffffff;
}

.agenda-do-poder-mobile-live-embed {
	line-height: 0;
}

.agenda-do-poder-mobile-live-link {
	display: block;
	padding: 12px;
	text-align: center;
	color: #ffffff;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Reused "Hoje na TV 247" schedule — sit flush inside the navy card. */
.agenda-do-poder-mobile-live .agenda-do-poder-tv-schedule {
	margin: 0;
}

.agenda-do-poder-mobile-live .agenda-do-poder-tv-schedule-btn,
.agenda-do-poder-mobile-live .agenda-do-poder-tv-schedule-list {
	border-radius: 0;
}




/* ── Rounded corners for content imagery ─────────────────────────────────── */
/* Sweeping rule for image-bearing card classes used across home, archives
   and related sections. 6 px keeps cards visually consistent with the
   article featured-image and charges-carousel radius set in article.css.
   The wrapper gets overflow:hidden so the rounded mask also clips the
   on-hover scale transform. */

.agenda-do-poder-home-cat-card-img,
.agenda-do-poder-home-cat-card-img img,
.agenda-do-poder-home-subject-card-img,
.agenda-do-poder-home-subject-card-img img,
.agenda-do-poder-home-rail-img a,
.agenda-do-poder-home-rail-img img,
.agenda-do-poder-home-feed-img img,
.agenda-do-poder-home-top-img img,
.agenda-do-poder-destaques-lead-img,
.agenda-do-poder-destaques-lead-img img,
.agenda-do-poder-destaques-item-img,
.agenda-do-poder-destaques-item-img img,
.agenda-do-poder-destaques-item-thumb,
.agenda-do-poder-destaques-item-thumb img,
.agenda-do-poder-sidebar-latest-item img,
.agenda-do-poder-meu-feed-card-thumb,
.agenda-do-poder-meu-feed-card-thumb img,
.agenda-do-poder-related-card-img,
.agenda-do-poder-related-card-img img,
.agenda-do-poder-mobile-live-embed iframe {
	border-radius: 6px;
}

/* Wrappers must clip the radius even if the inner <img> isn't reached. */
.agenda-do-poder-home-cat-card-img,
.agenda-do-poder-home-subject-card-img,
.agenda-do-poder-destaques-lead-img,
.agenda-do-poder-destaques-item-img,
.agenda-do-poder-destaques-item-thumb,
.agenda-do-poder-breaking-hero-media,
.agenda-do-poder-meu-feed-card-thumb,
.agenda-do-poder-related-card-img {
	overflow: hidden;
}

/* ── Foot lists: Últimas notícias + Mais lidas ────────────────────────────── */
.agenda-do-poder-home-lists {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	max-width: 1440px;
	margin: 10px auto 0;
	padding-top: 20px;
	border-top: 1px solid var(--agenda-do-poder-line);
}

/* Régua fina com o filete por cima, como na assinatura da matéria e no
   cabeçalho das editorias — era uma régua vermelha de 2px a atravessar tudo,
   que gritava mais do que o próprio título. */
.agenda-do-poder-home-list-header {
	position: relative;
	border-bottom: 1px solid var(--agenda-do-poder-line, #e5e5e5);
	margin-bottom: 12px;
	padding-bottom: 10px;
}

.agenda-do-poder-home-list-header::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: var(--agenda-do-poder-filete-w, 56px);
	height: var(--agenda-do-poder-filete-h, 3px);
	border-radius: 2px;
	background: var(--agenda-do-poder-red, #cc0000);
}

.agenda-do-poder-home-list-title {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
}

.agenda-do-poder-home-list-title a {
	color: inherit;
	text-decoration: none;
}

.agenda-do-poder-home-list-items {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: agenda-do-poder-rank;
}

/* Botão para a secção completa, no fim da lista. Contornado em vez de cheio:
   a seguir a uma pilha de manchetes um bloco vermelho sólido puxava mais
   atenção do que as próprias notícias. */
.agenda-do-poder-home-list-cta {
	display: block;
	margin-top: 14px;
	padding: 11px 16px;
	border: 1px solid var(--agenda-do-poder-red);
	border-radius: 3px;
	color: var(--agenda-do-poder-red) !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none !important;
	transition: background 0.18s ease, color 0.18s ease;
}

.agenda-do-poder-home-list-cta:hover,
.agenda-do-poder-home-list-cta:focus-visible {
	background: var(--agenda-do-poder-red);
	color: #ffffff !important;
}

.agenda-do-poder-home-list-item {
	display: flex;
	gap: 10px;
	align-items: baseline;
	padding: 9px 0;
	border-bottom: 1px solid var(--agenda-do-poder-line);
}

.agenda-do-poder-home-list-time {
	flex: 0 0 auto;
	min-width: 38px;
	font-size: 12px;
	font-weight: 700;
	color: var(--agenda-do-poder-red, #ec0000);
}

.agenda-do-poder-home-list-items--ranked .agenda-do-poder-home-list-item {
	counter-increment: agenda-do-poder-rank;
}

.agenda-do-poder-home-list-items--ranked .agenda-do-poder-home-list-item::before {
	content: counter(agenda-do-poder-rank);
	flex: 0 0 22px;
	font-size: 16px;
	font-weight: 800;
	color: var(--agenda-do-poder-red, #ec0000);
	line-height: 1.3;
}

.agenda-do-poder-home-list-link {
	color: var(--agenda-do-poder-ink, #15181c);
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.agenda-do-poder-home-list-link:hover {
	color: var(--agenda-do-poder-red, #ec0000);
}

/* Cap the home content bands at 1440px on desktop. */
.agenda-do-poder-home-opiniao,
.agenda-do-poder-home-tv,
.agenda-do-poder-home-subject-section,
.agenda-do-poder-home-cat-section {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

/* Drop WP's constrained-layout auto centering margins inside the home shell so
   the Opinião carousel track/dots align to the section edge (fixes the dot
   positioning). Scoped to the homepage so article/other constrained layouts
   keep their normal centering. */
.agenda-do-poder-home-shell .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.agenda-do-poder-home-shell.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (max-width: 780px) {
	.agenda-do-poder-home-lists {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

/* ── "Ricardo Bruno entrevista" ───────────────────────────────────────────
   Banner + player + CTA, abaixo das faixas de categoria. O player carrega a
   playlist de uploads do canal, então mostra sempre a entrevista mais recente.
   loading="lazy" no iframe evita puxar o player do YouTube (pesado) até o
   bloco chegar perto da viewport — ele fica no rodapé da home. */

.agenda-do-poder-home-entrevista {
	max-width: 1440px;
	margin: 44px auto 0;
	text-align: center;
}

.agenda-do-poder-home-entrevista-banner {
	display: block;
	width: 100%;
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
}

.agenda-do-poder-home-entrevista-title {
	margin: 20px 0 18px;
	font-size: clamp(1.8rem, 3.2vw, 2.6rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.015em;
	color: var(--agenda-do-poder-red, #ec0000);
}

.agenda-do-poder-home-entrevista-player {
	max-width: 1200px;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
	background: #000000;
}

.agenda-do-poder-home-entrevista-player iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.agenda-do-poder-home-entrevista-dek {
	max-width: 900px;
	margin: 18px auto 0;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--agenda-do-poder-headline, #15181c);
}

.agenda-do-poder-home-entrevista-cta {
	display: block;
	margin-top: 18px;
	padding: 14px 20px;
	background: var(--agenda-do-poder-red, #ec0000);
	color: #ffffff !important;
	font-family: var(--wp--preset--font-family--inter, inherit);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 999px;
	transition: background 0.15s ease;
}

.agenda-do-poder-home-entrevista-cta:hover,
.agenda-do-poder-home-entrevista-cta:focus-visible {
	background: var(--agenda-do-poder-red-dark, #c10000);
}

.agenda-do-poder-home-entrevista-cta:focus-visible {
	outline: 2px solid var(--agenda-do-poder-red, #ec0000);
	outline-offset: 3px;
}

@media (max-width: 640px) {
	.agenda-do-poder-home-entrevista {
		margin-top: 32px;
	}

	.agenda-do-poder-home-entrevista-dek {
		font-size: 0.9rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.agenda-do-poder-home-entrevista-cta {
		transition: none !important;
	}
}