/* ==========================================================================
   Blog — Figma "Blog · Lista de posts · Desktop" (317:31440) e "Blog · Post · Desktop" (317:32223).
   Só tokens do theme.json. Desktop: conteúdo flex 1 + barra lateral 288, gap 48, padding 64 /
   container-x, fundo surface-alt. Celular (≤ 782 px, Figma: "no mobile a busca e as categorias
   ficam no topo"): barra lateral sobe para cima do conteúdo, cards empilham.
   ========================================================================== */

.cdw-bpag {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-32);
	padding-block: var(--wp--preset--spacing--space-64);
	background: var(--wp--preset--color--surface-alt);
	box-shadow: 0 0 0 100vmax var(--wp--preset--color--surface-alt);
	clip-path: inset(0 -100vmax);
}

.cdw-bpag__titulo {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 2.5rem; /* Figma: display = 40 px no quadro (token fluido até 72; mesmo critério de sobre.css). */
	font-weight: var(--wp--custom--weight--heavy);
	letter-spacing: -0.02em;
	line-height: 1;
	overflow-wrap: break-word;
}

.cdw-bpag__colunas {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--space-48);
}

.cdw-bpag__principal {
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-32);
	min-width: 0;
}

/* ---------- Categoria • data (overline) ---------- */

.cdw-blog-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--space-8);
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-family: var(--wp--preset--font-family--text);
	font-size: var(--wp--preset--font-size--overline);
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-transform: uppercase;
}

.cdw-blog-meta--marca {
	color: var(--wp--preset--color--brand-text);
}

/* ---------- Lista ---------- */

.cdw-blog-lista__topo {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-16);
}

.cdw-blog-lista__frase,
.cdw-blog-lista__vazio {
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

.cdw-blog-lista__posts {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-32);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-blog-lista__paginacao {
	justify-content: center;
}

/* Card/Post de blog: foto 280 × 180 (raio card) + texto, gap 24, centralizado na vertical. */
.cdw-blog-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-24);
	margin: 0;
}

.cdw-blog-card__foto {
	flex: 0 0 280px;
	height: 180px;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--surface-hover);
}

.cdw-blog-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--wp--custom--motion--duracao-padrao) var(--wp--custom--motion--ease-padrao);
}

.cdw-blog-card:hover .cdw-blog-card__img {
	transform: scale(1.03);
}

.cdw-blog-card__texto {
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
	min-width: 0;
	overflow-wrap: break-word;
}

.cdw-blog-card__titulo {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.5rem; /* Figma: heading-md = 24 px no quadro (token fluido até 32). */
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-blog-card__link {
	color: inherit;
	text-decoration: none;
}

/* O card inteiro clica (o link é o título). */
.cdw-blog-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.cdw-blog-card__link:hover,
.cdw-blog-card__link:focus-visible {
	color: var(--wp--preset--color--brand-text);
}

.cdw-blog-card__link:focus-visible {
	outline: none;
}

.cdw-blog-card:has(.cdw-blog-card__link:focus-visible) {
	border-radius: var(--wp--custom--radius--card);
	outline: 2px solid var(--wp--preset--color--focus);
	outline-offset: 4px;
}

.cdw-blog-card__resumo {
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
}

/* Paginação numerada (mesmo componente e medidas de catalogo.css, Figma 252:1552). */
.cdw-bpag .cdw-paginacao {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-bpag .cdw-paginacao__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--control);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	text-decoration: none;
}

.cdw-bpag .cdw-paginacao__item .cdw-icone {
	font-size: 12px;
}

.cdw-bpag a.cdw-paginacao__item:hover {
	background: var(--wp--preset--color--surface-hover);
}

.cdw-bpag .cdw-paginacao__item.is-atual {
	border-color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--surface);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
}

.cdw-bpag .cdw-paginacao__item.is-inativo {
	opacity: 0.4;
}

.cdw-bpag .cdw-paginacao__pulo {
	color: var(--wp--preset--color--ink-muted);
}

/* ---------- Barra lateral (Blog/Barra lateral 339:41677) ---------- */

.cdw-blog-lateral {
	display: flex;
	flex: 0 0 288px;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-32);
	padding: var(--wp--preset--spacing--space-24);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--container);
	background: var(--wp--preset--color--surface);
}

.cdw-blog-lateral__bloco {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-16);
	margin: 0;
}

.cdw-blog-lateral__bloco--cats {
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-blog-lateral__titulo {
	margin: 0;
	color: var(--wp--preset--color--brand-text);
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-sm);
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.3;
}

/* Busca/Campo: 48 de altura, surface-alt, borda line, pill, lupa 20 ink. */
.cdw-blog-busca {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
	height: 48px;
	padding-inline: var(--wp--preset--spacing--space-16);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--surface-alt);
}

.cdw-blog-busca:focus-within {
	border-color: var(--wp--preset--color--focus);
	box-shadow: 0 0 0 1px var(--wp--preset--color--focus);
}

.cdw-blog-busca__icone {
	flex: none;
	color: var(--wp--preset--color--ink);
	font-size: 20px;
}

.cdw-blog-busca__campo {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font: inherit;
	font-size: var(--wp--preset--font-size--body);
	outline: none;
}

.cdw-blog-busca__campo::placeholder {
	color: var(--wp--preset--color--ink-muted);
	opacity: 1;
}

.cdw-blog-cats {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-blog-cats li {
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.cdw-blog-cats li:last-child {
	border-bottom: 0;
}

.cdw-blog-cats__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-8);
	padding-block: var(--wp--preset--spacing--space-16);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	text-decoration: none;
}

.cdw-blog-cats__item:hover,
.cdw-blog-cats__item[aria-current="page"] {
	color: var(--wp--preset--color--brand-text);
}

.cdw-blog-cats__qtd {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
}

/* ---------- Post ---------- */

.cdw-blog-artigo__cabecalho {
	display: flex;
	flex-direction: column;
	gap: 12px; /* Figma: 12 (fora da escala de espaçamento). */
}

.cdw-blog-artigo__migalhas,
.cdw-blog-artigo__autor {
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
}

.cdw-blog-artigo__migalhas {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--space-4);
}

.cdw-blog-artigo__migalhas a {
	color: inherit;
	text-decoration: none;
}

.cdw-blog-artigo__migalhas a:hover {
	color: var(--wp--preset--color--brand-text);
	text-decoration: underline;
}

.cdw-blog-artigo__foto {
	overflow: hidden;
	border-radius: var(--wp--custom--radius--container);
	aspect-ratio: 816 / 460;
	background: var(--wp--preset--color--surface-hover);
}

.cdw-blog-artigo__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Texto do editor: blocos com 20 entre si; parágrafo body-lg; intertítulo heading-md. */
.cdw-blog-artigo__texto {
	display: flex;
	flex-direction: column;
	gap: 20px; /* Figma: 20 (fora da escala). */
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: 1.5;
	overflow-wrap: break-word;
}

.cdw-blog-artigo__texto > * {
	margin: 0;
}

.cdw-blog-artigo__texto h2,
.cdw-blog-artigo__texto h3 {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-blog-artigo__texto h2 {
	font-size: 1.5rem; /* Figma: heading-md = 24 px. */
}

.cdw-blog-artigo__texto h3 {
	font-size: var(--wp--preset--font-size--heading-sm);
	line-height: 1.3;
}

.cdw-blog-artigo__texto a {
	color: var(--wp--preset--color--brand-text);
}

.cdw-blog-artigo__texto ul,
.cdw-blog-artigo__texto ol {
	padding-left: var(--wp--preset--spacing--space-24);
}

/* Imagem com legenda: foto raio container + legenda caption ink-muted, 8 entre elas. */
.cdw-blog-artigo__texto figure {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-blog-artigo__texto figure img,
.cdw-blog-artigo__texto .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 440px; /* Figma: foto no texto 816 × 440; foto mais alta é recortada pelas bordas. */
	border-radius: var(--wp--custom--radius--container);
	object-fit: cover;
}

.cdw-blog-artigo__texto figcaption,
.cdw-blog-artigo__texto .wp-caption-text {
	margin: 0;
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	text-align: left;
}

/* "Dica" (estilo do bloco Parágrafo): fundo brand-subtle, raio card, padding 20, lâmpada 16 brand-text. */
.cdw-blog-artigo__texto .is-style-cdw-dica {
	display: flex;
	gap: 12px;
	padding: 20px;
	border-radius: var(--wp--custom--radius--card);
	background: var(--wp--preset--color--brand-subtle);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
}

.cdw-blog-artigo__texto .is-style-cdw-dica::before {
	content: "";
	flex: 0 0 20px;
	height: 20px;
	background-color: var(--wp--preset--color--brand-text);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2c0%200%200%200%200%200c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4c0%200%200%200%200%200c19.8%2027.1%2039.7%2054.4%2049.2%2086.2l160%200zM192%20512c44.2%200%2080-35.8%2080-80l0-16-160%200%200%2016c0%2044.2%2035.8%2080%2080%2080zM112%20176c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080z%22%2F%3E%3C%2Fsvg%3E") center / 16px 16px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2c0%200%200%200%200%200c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4c0%200%200%200%200%200c19.8%2027.1%2039.7%2054.4%2049.2%2086.2l160%200zM192%20512c44.2%200%2080-35.8%2080-80l0-16-160%200%200%2016c0%2044.2%2035.8%2080%2080%2080zM112%20176c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080z%22%2F%3E%3C%2Fsvg%3E") center / 16px 16px no-repeat;
}

/* Etiquetas (Produto/Tag): borda brand, pill, 4 / 12, overline brand. */
.cdw-blog-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--space-8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-blog-tags li {
	margin: 0;
}

.cdw-blog-tag {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border: 1px solid var(--wp--preset--color--brand);
	border-radius: var(--wp--custom--radius--control);
	color: var(--wp--preset--color--brand);
	font-size: var(--wp--preset--font-size--overline);
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-decoration: none;
	text-transform: uppercase;
}

.cdw-blog-tag:hover {
	background: var(--wp--preset--color--brand-subtle);
}

/* Compartilhar: rótulo label + botões 36 brand com ícone 16 brand-contrast, gap 8. */
.cdw-blog-compartilhar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
}

.cdw-blog-compartilhar__rotulo {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
}

.cdw-blog-compartilhar__botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--brand);
	color: var(--wp--preset--color--brand-contrast);
	font-size: 16px;
	cursor: pointer;
	text-decoration: none;
}

.cdw-blog-compartilhar__botao:hover {
	background: var(--wp--preset--color--brand-hover);
}

.cdw-blog-compartilhar__aviso {
	color: var(--wp--preset--color--success);
	font-size: var(--wp--preset--font-size--caption);
}

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

@media (max-width: 782px) {
	.cdw-bpag {
		padding-block: var(--wp--preset--spacing--space-32) var(--wp--preset--spacing--space-48);
	}

	.cdw-bpag__titulo {
		font-size: 2rem;
	}

	.cdw-bpag__colunas {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--space-32);
	}

	/* Figma: no mobile a busca e as categorias ficam no topo. */
	.cdw-blog-lateral {
		order: -1;
		flex-basis: auto;
	}

	.cdw-blog-card {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--space-16);
	}

	.cdw-blog-card__foto {
		flex-basis: auto;
		height: auto;
		aspect-ratio: 280 / 180;
	}

	.cdw-blog-card__titulo {
		font-size: var(--wp--preset--font-size--heading-sm);
	}

	.cdw-blog-artigo__texto {
		font-size: var(--wp--preset--font-size--body);
	}
}