/* Blog ([ft_blog]) — cores do site (claro/escuro pelos tokens --ft-*). */
.ft-blog { --ft-blog-cor: #0BCE70; max-width: 1200px; margin: 0 auto; padding: 8px 0 24px; }
.ft-blog--c0 { --ft-blog-cor: #0BCE70; }
.ft-blog--c1 { --ft-blog-cor: #FF6C13; }
.ft-blog--c2 { --ft-blog-cor: #3B82F6; }
.ft-blog--c3 { --ft-blog-cor: #A855F7; }

.ft-blog__cabeca { text-align: center; padding: 28px 0 8px; }
.ft-blog__rotulo { margin: 0 0 8px; color: var(--ft-verde-texto); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ft-blog__cabeca h1 { margin: 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; color: var(--ft-texto); }
.ft-blog__cabeca h1 span { color: var(--ft-verde-texto); }
.ft-blog__sub { margin: 10px auto 0; max-width: 620px; color: var(--ft-texto-suave); }
.ft-blog__busca { display: block; max-width: 560px; margin: 22px auto 0; }
.ft-blog__busca input { width: 100%; box-sizing: border-box; padding: 14px 18px; border-radius: 999px; border: 1px solid var(--ft-linha); background: var(--ft-superficie); color: var(--ft-texto); font-size: 1rem; }
.ft-blog__busca input:focus { outline: 2px solid var(--ft-verde-texto); outline-offset: 2px; }

.ft-blog__assuntos { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 22px 0 6px; }
.ft-blog__assuntos button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--ft-linha); background: var(--ft-superficie); color: var(--ft-texto-2); font-weight: 600; cursor: pointer; }
.ft-blog__assuntos button small { padding: 1px 7px; border-radius: 999px; background: var(--ft-superficie-2); color: var(--ft-texto-suave); font-size: .75rem; }
.ft-blog__assuntos button:hover { border-color: var(--ft-blog-cor); }
.ft-blog__assuntos button.is-atual { border-color: var(--ft-blog-cor); background: color-mix(in srgb, var(--ft-blog-cor) 14%, transparent); color: var(--ft-texto); }

.ft-blog__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.ft-blog__card { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; border: 1px solid var(--ft-linha); background: var(--ft-superficie); color: var(--ft-texto); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.ft-blog__card[hidden] { display: none; }
.ft-blog__card:hover, .ft-blog__card:focus-visible { transform: translateY(-4px); border-color: var(--ft-blog-cor); box-shadow: 0 16px 34px rgba(0, 0, 0, .2); }
.ft-blog__capa { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--ft-blog-cor) 34%, var(--ft-superficie)), var(--ft-superficie-2)); }
.ft-blog__capa img { width: 100%; height: 100%; object-fit: cover; }
.ft-blog__capa-icone { font-size: 2.6rem; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .25)); }
.ft-blog__assunto { position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: var(--ft-blog-cor); color: #04140B; font-size: .75rem; font-weight: 800; }
.ft-blog--c1 .ft-blog__assunto, .ft-blog--c2 .ft-blog__assunto, .ft-blog--c3 .ft-blog__assunto { color: #fff; }
.ft-blog__corpo { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 16px 18px 18px; }
.ft-blog__titulo { font-size: 1.08rem; line-height: 1.3; }
.ft-blog__resumo { flex: 1; color: var(--ft-texto-suave); font-size: .93rem; line-height: 1.5; }
.ft-blog__meta { color: var(--ft-texto-suave); font-size: .82rem; }
.ft-blog__novo { align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: rgba(11, 206, 112, .14); color: var(--ft-verde-texto); font-size: .78rem; font-weight: 700; }
.ft-blog__ler { color: var(--ft-blog-cor); font-weight: 800; }

/* O mais recente ocupa a linha toda, imagem ao lado do texto. */
.ft-blog__card--destaque { grid-column: 1 / -1; flex-direction: row; }
.ft-blog__card--destaque .ft-blog__capa { flex: 0 0 48%; aspect-ratio: auto; min-height: 280px; }
.ft-blog__card--destaque .ft-blog__corpo { justify-content: center; padding: 28px 30px; gap: 12px; }
.ft-blog__card--destaque .ft-blog__titulo { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
.ft-blog__card--destaque .ft-blog__capa-icone { font-size: 4rem; }

.ft-blog__vazio { margin: 30px 0; text-align: center; color: var(--ft-texto-suave); }
.ft-blog__mais-linha { margin: 26px 0 0; text-align: center; }
.ft-blog__mais { padding: 12px 22px; border-radius: 12px; border: 1px solid var(--ft-linha); background: var(--ft-superficie); color: var(--ft-texto); font-weight: 700; cursor: pointer; }
.ft-blog__mais:hover { border-color: var(--ft-verde-texto); }

@media (max-width: 960px) { .ft-blog__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.ft-blog__grade { grid-template-columns: 1fr; }
	.ft-blog__card--destaque { flex-direction: column; }
	.ft-blog__card--destaque .ft-blog__capa { flex: none; min-height: 0; aspect-ratio: 16 / 9; }
	.ft-blog__card--destaque .ft-blog__corpo { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) { .ft-blog__card:hover, .ft-blog__card:focus-visible { transform: none; } }