/*
 * Didático — estilos que o theme.json não cobre.
 * Tokens: --wp--preset--color--* e --wp--custom--* vêm do theme.json.
 */

:root {
	--didatico-borda: var(--wp--custom--borda);
	--didatico-sombra: var(--wp--custom--sombra);
}

@media (max-width: 781px) {
	:root {
		--didatico-sombra: var(--wp--custom--sombra-mobile);
	}
}

/* ---------- Cartão (borda preta + sombra deslocada) ---------- */

.is-style-cartao {
	background-color: var(--wp--preset--color--branco);
	border: var(--didatico-borda);
	box-shadow: var(--didatico-sombra);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.is-style-cartao:has(a:hover) {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 var(--wp--preset--color--tinta);
}

@media (prefers-reduced-motion: reduce) {
	.is-style-cartao,
	.is-style-cartao:has(a:hover) {
		transition: none;
		transform: none;
	}
}

.is-style-cartao > .wp-block-post-featured-image {
	margin: 0;
	border-bottom: var(--didatico-borda);
}

.is-style-cartao > .wp-block-post-featured-image img {
	display: block;
}

/* Card do "Didático Explica" (quadrado, estilo post do Instagram) */
.is-style-cartao-explica {
	aspect-ratio: 1 / 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 2px solid var(--wp--preset--color--papel);
	box-shadow: 6px 6px 0 var(--wp--preset--color--destaque);
	color: var(--wp--preset--color--tinta);
}

.didatico-explica .is-style-cartao-explica a,
.didatico-explica .is-style-cartao-explica .wp-block-post-title,
.didatico-explica .is-style-cartao-explica .wp-block-post-date {
	color: var(--wp--preset--color--tinta);
}

.didatico-explica .is-style-cartao-explica a:hover {
	color: var(--wp--preset--color--destaque);
}

/* Nada da faixa escura vaza para os lados da página */
.didatico-explica-secao {
	overflow-x: clip;
}

/* Home no celular: "Didático Explica" sobe para logo depois da capa */
@media (max-width: 781px) {
	.didatico-home {
		display: flex;
		flex-direction: column;
	}

	.didatico-home > * {
		order: 3;
		min-width: 0;
	}

	.didatico-home > .didatico-capa {
		order: 1;
	}

	.didatico-home > .didatico-explica-secao,
	.didatico-home > .didatico-faixa-escura {
		order: 2;
		margin-top: var(--wp--preset--spacing--50) !important;
	}
}

/* Cores alternadas dos cards Explica */
.didatico-explica .wp-block-post:nth-child(4n+1) .is-style-cartao-explica { background-color: var(--wp--preset--color--papel); }
.didatico-explica .wp-block-post:nth-child(4n+2) .is-style-cartao-explica { background-color: var(--wp--preset--color--mostarda); }
.didatico-explica .wp-block-post:nth-child(4n+3) .is-style-cartao-explica { background-color: var(--wp--preset--color--salvia); }
.didatico-explica .wp-block-post:nth-child(4n+4) .is-style-cartao-explica { background-color: var(--wp--preset--color--lavanda); }

/* ---------- Etiqueta de editoria ---------- */

.is-style-etiqueta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
}

.is-style-etiqueta .wp-block-post-terms__separator {
	display: none;
}

.is-style-etiqueta a {
	display: inline-block;
	padding: 0.3rem 0.55rem;
	background-color: var(--wp--preset--color--destaque);
	color: var(--wp--preset--color--branco);
}

.is-style-etiqueta a:hover,
.is-style-etiqueta a:focus {
	background-color: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--branco);
}

/* Sobrelinha: editoria em texto colorido, sem caixa */
.is-style-sobrelinha {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.is-style-sobrelinha a {
	color: var(--wp--preset--color--destaque);
}

/* ---------- Títulos de seção ---------- */

.is-style-secao {
	border-bottom: 3px solid currentColor;
	padding-bottom: 0.5rem;
}

.didatico-secao-topo {
	border-bottom: 3px solid var(--wp--preset--color--tinta);
	padding-bottom: 0.5rem;
}

.didatico-secao-topo .wp-block-heading {
	margin: 0;
}

.didatico-secao-topo p {
	margin: 0;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
}

/* ---------- Imagem com moldura ---------- */

.is-style-moldura img,
.is-style-moldura .wp-block-post-featured-image__placeholder {
	border: var(--didatico-borda);
}

/* Placeholder quando a matéria não tem imagem destacada */
.wp-block-post-featured-image:empty,
.wp-block-post-featured-image__placeholder {
	background-color: var(--wp--preset--color--placeholder);
	background-image: repeating-linear-gradient(135deg, rgba(20, 20, 19, 0.07) 0 2px, transparent 2px 12px);
}

/* ---------- Metadados (autor · data) ---------- */

.didatico-meta {
	border-top: 1px dashed var(--wp--preset--color--tinta);
	padding-top: 0.625rem;
	color: var(--wp--preset--color--cinza);
	font-size: var(--wp--preset--font-size--xs);
}

.didatico-meta > * + *::before {
	content: "·";
	margin-right: 0.5rem;
}

/* ---------- Barra do topo e cabeçalho ---------- */

.didatico-topo {
	font-size: var(--wp--preset--font-size--xs);
}

.didatico-topo p {
	margin: 0;
}

.didatico-cabecalho .wp-block-site-title a {
	color: inherit;
}

.didatico-menu {
	border-top: 3px solid var(--wp--preset--color--tinta);
	border-bottom: 1px solid var(--wp--preset--color--tinta);
}

.didatico-menu .wp-block-search__button {
	min-width: 44px;
	min-height: 44px;
}

/* A lupa nunca é empurrada para fora pelo menu */
.didatico-menu > .wp-block-search {
	flex: 0 0 auto;
	margin-left: auto;
}

/* Logo no lugar do nome */
.didatico-cabecalho .wp-block-site-logo {
	margin: 0;
}

.didatico-cabecalho .wp-block-site-logo img {
	width: min(220px, 50vw);
	height: auto;
}

@media (max-width: 781px) {
	.didatico-cabecalho .wp-block-site-logo img {
		width: min(160px, 45vw);
	}
}

/* Logo do modo escuro (cadastrada em Aparência › Didático) */
.didatico-logo-escura,
:root[data-tema="escuro"] .tem-logo-escura .custom-logo {
	display: none;
}

:root[data-tema="escuro"] .tem-logo-escura .didatico-logo-escura {
	display: block;
}

.wp-block-site-logo img.didatico-logo-escura {
	height: auto;
}

/* Rodapé: logo pequena; sem logo, o nome em texto */
.didatico-logo-rodape {
	margin: 0;
}

.didatico-logo-rodape img {
	width: 110px;
	height: auto;
}

.tem-logo .didatico-rodape-nome {
	display: none;
}

/* Sem logo escura cadastrada, a logo clara ganha uma "placa" no modo escuro */
:root[data-tema="escuro"] .wp-block-site-logo:not(.tem-logo-escura) img {
	background: #F4F1EA;
	padding: 0.5rem 0.75rem;
}

/* ---------- Menu de editorias (categorias reais) ---------- */

.didatico-editorias {
	flex: 1 1 auto;
	min-width: 0;
}

.didatico-editorias ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.didatico-editorias ul::-webkit-scrollbar {
	display: none;
}

.didatico-editorias li {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.didatico-editorias a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-block: 0.25rem;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.didatico-editorias .current-menu-item > a,
.didatico-editorias__mais.current-menu-item > details > summary {
	color: var(--wp--preset--color--destaque);
	box-shadow: inset 0 -3px 0 var(--wp--preset--color--destaque);
}

/* Compacto no computador: uma linha só; o que não cabe vai para "Mais" */
@media (min-width: 782px) {
	.didatico-editorias.is-compacto > ul {
		flex-wrap: nowrap;
		gap: 1.25rem;
	}

	.didatico-editorias > ul > li > a,
	.didatico-editorias__mais summary {
		box-sizing: border-box;
		min-height: 44px;
		padding-block: 0.25rem;
		font-size: 0.75rem;
		letter-spacing: 0.07em;
	}
}

.didatico-editorias__mais {
	position: relative;
}

.didatico-editorias__mais[hidden] {
	display: none;
}

.didatico-editorias__mais summary {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	box-sizing: border-box;
	min-height: 44px;
	padding-block: 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}

.didatico-editorias__mais summary::-webkit-details-marker {
	display: none;
}

.didatico-editorias__mais summary::after {
	content: "";
	width: 0.4rem;
	height: 0.4rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.didatico-editorias__mais details[open] summary::after {
	transform: translateY(2px) rotate(-135deg);
}

.didatico-editorias__submenu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 50;
	display: flex;
	flex-direction: column;
	min-width: 13rem;
	max-height: 70vh;
	overflow-y: auto;
	margin: 0.25rem 0 0;
	padding: 0.375rem 0;
	list-style: none;
	background: var(--wp--preset--color--branco);
	border: var(--didatico-borda);
	box-shadow: var(--didatico-sombra);
}

.didatico-editorias__submenu a {
	display: flex;
	min-height: 40px;
	font-size: 0.8125rem;
	padding: 0 1rem;
	white-space: nowrap;
}

.didatico-editorias__submenu .current-menu-item > a {
	box-shadow: inset 3px 0 0 var(--wp--preset--color--destaque);
}

@media (max-width: 781px) {
	.didatico-editorias ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		gap: 0.5rem;
		padding-block: 0.75rem;
	}

	.didatico-editorias a {
		padding: 0.5rem 0.875rem;
		border: 2px solid var(--wp--preset--color--tinta);
		font-size: 0.8125rem;
		letter-spacing: 0;
		text-transform: none;
	}

	.didatico-editorias .current-menu-item > a {
		background-color: var(--wp--preset--color--tinta);
		color: var(--wp--preset--color--papel);
		box-shadow: none;
	}

	.didatico-cabecalho .wp-block-site-tagline {
		display: none;
	}
}

/* ---------- Letreiro "Agora" ---------- */

.didatico-letreiro {
	display: flex;
	min-width: 0;
	max-width: 100%;
	contain: inline-size;
	align-items: stretch;
	border: 2px solid var(--wp--preset--color--vermelho);
	background: var(--wp--preset--color--branco);
	overflow: hidden;
}

.didatico-letreiro__selo {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	padding: 0 0.875rem;
	background: var(--wp--preset--color--vermelho);
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.didatico-letreiro__ponto {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #FFFFFF;
	animation: didatico-pulso 1.4s ease-in-out infinite;
}

.didatico-letreiro__janela {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent 0, #000 1.5rem, #000 calc(100% - 1.5rem), transparent 100%);
}

.didatico-letreiro__trilho {
	display: flex;
	width: max-content;
	animation: didatico-letreiro var(--didatico-letreiro-duracao, 56s) linear infinite;
}

.didatico-letreiro__lista {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.didatico-letreiro__lista li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.5rem 0.7rem 0;
	white-space: nowrap;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
}

.didatico-letreiro__lista li::after {
	content: "";
	width: 0.375rem;
	height: 0.375rem;
	margin-left: 1rem;
	background: var(--wp--preset--color--vermelho);
	transform: rotate(45deg);
}

.didatico-letreiro__lista time {
	color: var(--wp--preset--color--vermelho);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.didatico-letreiro__pausa {
	flex-shrink: 0;
	width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-left: 2px solid var(--wp--preset--color--vermelho);
	background: transparent;
	color: var(--wp--preset--color--vermelho);
	cursor: pointer;
}

.didatico-letreiro__pausa .icone-play,
.didatico-letreiro.is-pausado .didatico-letreiro__pausa .icone-pausa {
	display: none;
}

.didatico-letreiro.is-pausado .didatico-letreiro__pausa .icone-play {
	display: block;
}

/* Para ao passar o mouse, ao navegar com o teclado ou no botão de pausa */
.didatico-letreiro:hover .didatico-letreiro__trilho,
.didatico-letreiro:focus-within .didatico-letreiro__trilho,
.didatico-letreiro.is-pausado .didatico-letreiro__trilho {
	animation-play-state: paused;
}

@keyframes didatico-letreiro {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes didatico-pulso {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.25; }
}

/* Quem pediu menos movimento no aparelho vê a lista parada, rolável de lado */
@media (prefers-reduced-motion: reduce) {
	.didatico-letreiro__trilho {
		animation: none;
	}

	.didatico-letreiro__janela {
		overflow-x: auto;
		mask-image: none;
	}

	.didatico-letreiro__lista[aria-hidden="true"],
	.didatico-letreiro__pausa {
		display: none;
	}

	.didatico-letreiro__ponto {
		animation: none;
	}
}

/* ---------- Botão claro/escuro ---------- */

.didatico-alternar-tema {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.didatico-alternar-tema .icone-sol,
:root[data-tema="escuro"] .didatico-alternar-tema .icone-lua {
	display: none;
}

:root[data-tema="escuro"] .didatico-alternar-tema .icone-sol {
	display: block;
}

/* ---------- Grades de posts ---------- */

/* Últimas: 4 colunas no desktop, 2 no tablet, lista com miniatura no celular */
@media (max-width: 1023px) {
	.didatico-ultimas .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.didatico-ultimas .wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.didatico-ultimas .is-style-cartao {
		display: grid;
		grid-template-columns: 1fr 84px;
		gap: 0.75rem;
		background: transparent;
		border: 0;
		border-bottom: 1px dashed var(--wp--preset--color--tinta);
		box-shadow: none;
		padding-block: 0.875rem;
	}

	.didatico-ultimas .is-style-cartao:has(a:hover) {
		transform: none;
		box-shadow: none;
	}

	.didatico-ultimas .is-style-cartao > .wp-block-post-featured-image {
		grid-column: 2;
		grid-row: 1;
		border: var(--didatico-borda);
		aspect-ratio: 1 / 1 !important;
		height: 84px !important;
	}

	.didatico-ultimas .is-style-cartao > .wp-block-post-featured-image img {
		height: 100% !important;
	}

	.didatico-ultimas .is-style-cartao > .wp-block-group {
		grid-column: 1;
		grid-row: 1;
		padding: 0 !important;
	}

	.didatico-ultimas .is-style-etiqueta a {
		padding: 0;
		background: none;
		color: var(--wp--preset--color--destaque);
	}
}

/* Destaques ao lado da manchete: foto à esquerda */
.didatico-destaque-lateral {
	display: grid !important;
	grid-template-columns: minmax(120px, 38%) 1fr;
}

.didatico-destaque-lateral > .wp-block-post-featured-image {
	border-bottom: 0 !important;
	border-right: var(--didatico-borda);
	height: 100% !important;
}

.didatico-destaque-lateral > .wp-block-post-featured-image img {
	height: 100% !important;
}

@media (max-width: 599px) {
	.didatico-destaque-lateral {
		grid-template-columns: 116px 1fr;
	}
}

/* "Mais lidas": números grandes na cor de destaque */
.didatico-mais-lidas .wp-block-post-template {
	counter-reset: mais-lidas;
	margin: 0;
}

.didatico-mais-lidas .wp-block-post {
	counter-increment: mais-lidas;
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	padding-block: 0.875rem;
	border-top: 1px dashed var(--wp--preset--color--tinta);
}

.didatico-mais-lidas .wp-block-post::before {
	content: counter(mais-lidas);
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 900;
	font-size: 2.125rem;
	line-height: 1;
	color: var(--wp--preset--color--destaque);
	min-width: 1.75rem;
}

.didatico-mais-lidas .wp-block-post-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
}

/* Didático Explica: carrossel no celular */
@media (max-width: 781px) {
	.didatico-explica .wp-block-post-template {
		display: flex !important;
		min-width: 0;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 1rem;
		padding-bottom: 0.75rem;
		margin-inline: calc(var(--wp--style--root--padding-left) * -1);
		padding-inline: var(--wp--style--root--padding-left);
		scrollbar-width: none;
	}

	.didatico-explica .wp-block-post-template::-webkit-scrollbar {
		display: none;
	}

	.didatico-explica .wp-block-post {
		flex: 0 0 240px;
		scroll-snap-align: start;
	}
}

/* ---------- Matéria ---------- */

.didatico-materia .wp-block-post-content > p:first-child::first-letter {
	float: left;
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 900;
	font-size: 4.2em;
	line-height: 0.85;
	margin: 0.08em 0.1em 0 0;
}

.didatico-materia .wp-block-post-content a {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--destaque);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* ---------- Paginação ---------- */

.wp-block-query-pagination-numbers .page-numbers {
	display: inline-block;
	min-width: 2.75rem;
	padding: 0.5rem;
	text-align: center;
	border: var(--didatico-borda);
	margin-right: 0.25rem;
	background: var(--wp--preset--color--branco);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--papel);
}

/* Área de toque mínima */
.wp-block-social-links .wp-social-link a {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ---------- Subeditorias (categorias filhas) ---------- */

.didatico-subeditorias ul {
	display: flex;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.didatico-subeditorias ul::-webkit-scrollbar {
	display: none;
}

.didatico-subeditorias li {
	flex-shrink: 0;
}

.didatico-subeditorias a,
.didatico-subeditorias span {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0.5rem 0.875rem;
	border: 2px solid var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--branco);
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
}

.didatico-subeditorias a:hover {
	color: var(--wp--preset--color--tinta);
	box-shadow: 3px 3px 0 var(--wp--preset--color--tinta);
}

.didatico-subeditorias [aria-current="page"] {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--papel);
}

/* Enquanto a editoria carrega */
main.didatico-carregando {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
	main.didatico-carregando {
		transition: none;
	}
}

main h1[tabindex="-1"]:focus {
	outline: none;
}

/* ---------- Trilha (breadcrumb) ---------- */

.didatico-trilha ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.didatico-trilha li + li::before {
	content: "›";
	margin-right: 0.5rem;
	color: var(--wp--preset--color--cinza);
}

.didatico-trilha a {
	color: var(--wp--preset--color--destaque);
}

.didatico-trilha [aria-current="page"] {
	color: var(--wp--preset--color--cinza);
}

/* Caixa do autor */
.didatico-autoria .wp-block-post-author__avatar img {
	border-radius: 0;
	border: var(--didatico-borda);
}

.didatico-autoria .wp-block-post-author__name {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--l);
}

/* ==========================================================================
   Modo escuro
   O tema é decidido antes da página pintar (script no <head>); sem
   JavaScript, segue o modo do aparelho só pelas cores.
   ========================================================================== */

:root[data-tema="escuro"] {
	--wp--preset--color--papel: #121211;
	--wp--preset--color--tinta: #EDE9E0;
	--wp--preset--color--branco: #1C1B19;
	--wp--preset--color--destaque: #3DBE83;
	--wp--preset--color--vermelho: #E0213F;
	--wp--preset--color--texto-2: #CFCAC0;
	--wp--preset--color--cinza: #A8A398;
	--wp--preset--color--areia: #24221E;
	--wp--preset--color--placeholder: #2B2925;
	color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-tema]) {
		--wp--preset--color--papel: #121211;
		--wp--preset--color--tinta: #EDE9E0;
		--wp--preset--color--branco: #1C1B19;
		--wp--preset--color--destaque: #3DBE83;
		--wp--preset--color--vermelho: #E0213F;
		--wp--preset--color--texto-2: #CFCAC0;
		--wp--preset--color--cinza: #A8A398;
		--wp--preset--color--areia: #24221E;
		--wp--preset--color--placeholder: #2B2925;
	}
}

/* Faixas que são escuras no modo claro continuam escuras (pretas) */
:root[data-tema="escuro"] .didatico-topo,
:root[data-tema="escuro"] .didatico-explica-secao,
:root[data-tema="escuro"] .didatico-faixa-escura {
	background-color: #000000 !important;
	color: #EDE9E0 !important;
}

:root[data-tema="escuro"] .didatico-explica-secao > .wp-block-group .wp-block-heading,
:root[data-tema="escuro"] .didatico-explica-secao > .wp-block-group a {
	color: #EDE9E0 !important;
}

/* Cards coloridos do Explica mantêm texto escuro sobre fundo claro */
:root[data-tema="escuro"] .didatico-explica .is-style-cartao-explica a,
:root[data-tema="escuro"] .didatico-explica .is-style-cartao-explica .wp-block-post-title,
:root[data-tema="escuro"] .didatico-explica .is-style-cartao-explica .wp-block-post-date {
	color: #141413 !important;
}

:root[data-tema="escuro"] .didatico-explica .wp-block-post:nth-child(4n+1) .is-style-cartao-explica {
	background-color: #F4F1EA;
}

/* Etiqueta verde clara pede texto escuro */
:root[data-tema="escuro"] .is-style-etiqueta a {
	color: #121211;
}

:root[data-tema="escuro"] .is-style-etiqueta a:hover,
:root[data-tema="escuro"] .is-style-etiqueta a:focus {
	background-color: #EDE9E0;
	color: #121211;
}

/* Imagens um pouco menos brilhantes no escuro */
:root[data-tema="escuro"] .wp-block-post-featured-image img {
	filter: brightness(0.92);
}

:root[data-tema="escuro"] .didatico-topo .wp-social-link,
:root[data-tema="escuro"] .didatico-topo .wp-social-link a {
	color: #EDE9E0 !important;
}

/* ---------- Rapidinhas (artes do Instagram como cards) ---------- */

/* Sem artes geradas, a faixa inteira some */
.didatico-faixa-escura:not(:has(.didatico-rapidinhas)) {
	display: none;
}

.didatico-rapidinhas__topo {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: var(--wp--preset--spacing--40);
}

.didatico-rapidinhas__titulo {
	margin: 0;
	font-size: var(--wp--preset--font-size--2-xl);
	color: inherit;
}

.didatico-rapidinhas__subtitulo {
	margin: 0.25rem 0 0;
	font-size: var(--wp--preset--font-size--s);
	color: var(--wp--preset--color--claro-2);
}

.didatico-rapidinhas__setas {
	display: flex;
	gap: 0.5rem;
	flex-shrink: 0;
}

.didatico-rapidinhas__seta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid #F4F1EA;
	background: transparent;
	color: #F4F1EA;
	cursor: pointer;
}

.didatico-rapidinhas__seta:hover,
.didatico-rapidinhas__seta:focus-visible {
	background: #F4F1EA;
	color: #141413;
}

.didatico-rapidinhas__trilho {
	display: flex;
	gap: 1.25rem;
	margin: 0;
	padding: 0 0 0.75rem;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.didatico-rapidinhas__trilho::-webkit-scrollbar {
	display: none;
}

.didatico-rapidinhas__card {
	flex: 0 0 260px;
	scroll-snap-align: start;
}

.didatico-rapidinhas__card a {
	display: block;
	border: 2px solid #F4F1EA;
	box-shadow: 6px 6px 0 var(--wp--preset--color--destaque);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.didatico-rapidinhas__card a:hover,
.didatico-rapidinhas__card a:focus-visible {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 var(--wp--preset--color--destaque);
}

.didatico-rapidinhas__card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

@media (max-width: 781px) {
	.didatico-rapidinhas__setas {
		display: none;
	}

	.didatico-rapidinhas__trilho {
		margin-inline: calc(var(--wp--style--root--padding-left) * -1);
		padding-inline: var(--wp--style--root--padding-left);
	}

	.didatico-rapidinhas__card {
		flex-basis: 72vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	.didatico-rapidinhas__card a {
		transition: none;
	}

	.didatico-rapidinhas__card a:hover,
	.didatico-rapidinhas__card a:focus-visible {
		transform: none;
	}
}