/* Índice do Blog (frame 17:2). Componentes em portal.css; aqui o destaque, a paginação e o espaçamento do frame. */
.b-corpo { padding-top: var(--espaco-40); }
.b-corpo .pc-principal { gap: var(--espaco-40); }

/* blog/destaque */
.b-destaque { display: flex; gap: 28px; padding: var(--espaco-24); border-radius: var(--raio-xl); background: var(--cor-azul-50); }
.b-destaque__mini { position: relative; overflow: hidden; isolation: isolate; flex: none; width: 300px; height: 200px; border-radius: var(--raio-lg); background: var(--cor-navy-900); display: flex; align-items: center; justify-content: center; }
.b-destaque__textura { position: absolute; left: 0; top: 0; width: 347px; height: 220px; max-width: none; z-index: -1; pointer-events: none; }
.b-destaque__texto { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.b-destaque__titulo { font: 800 32px/1.05 var(--fonte); letter-spacing: -0.02em; color: var(--cor-navy-800); }
.b-destaque__titulo a:hover { color: var(--cor-azul-600); }
.b-destaque__desc { font: 400 16px/1.55 var(--fonte); color: var(--cor-azul-700); }
.b-destaque__meta { font: 500 12px/1.4 var(--fonte); color: var(--cor-texto-suave); }

/* blog/lista */
.b-lista-secao { display: flex; flex-direction: column; }
.b-lista > li[hidden] { display: none; }
#sec-todos:focus { outline: none; }
.b-lista .pc-blog-item__mini .pc-ladrilho { color: var(--cor-azul-600); }
.b-lista .pc-blog-item__mini { overflow: hidden; }
.b-lista .pc-blog-item__mini img { display: block; width: 100%; height: 100%; object-fit: cover; }
.b-vazio:empty { padding: 0; }
.b-vazio { padding: var(--espaco-20) 0; font: 400 14px/1.5 var(--fonte); color: var(--cor-texto-suave); }

/* blog/paginacao */
.b-paginacao { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espaco-8); padding-top: var(--espaco-24); }
.b-paginacao[hidden] { display: none; }
.b-pagina { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--raio-pilula); border: 1px solid var(--cor-azul-200); background: var(--cor-branco); color: var(--cor-navy-800); font: 700 15px/1 var(--fonte); cursor: pointer; }
.b-pagina:hover { background: var(--cor-azul-50); }
.b-pagina[aria-current="page"] { background: var(--cor-navy-800); border-color: var(--cor-navy-800); color: var(--cor-branco); }
.b-paginacao .pc-botao { cursor: pointer; }

/* sidebar: Mais lidos (itens colados, sem padding da caixa) */
.b-mais-lidos { padding: 0; gap: 0; }
.b-mais-lidos .pc-blog-item:last-child { border-bottom: 0; }
.b-categorias a[aria-current="true"] .pc-linha__rotulo { color: var(--cor-azul-600); font-weight: 700; }
.b-criar { gap: var(--espaco-12) !important; }

@media (max-width: 767px) {
  .b-destaque { flex-direction: column; gap: var(--espaco-20); padding: var(--espaco-20); }
  .b-destaque__mini { width: 100%; }
  .b-destaque__textura { width: 100%; height: 100%; object-fit: cover; }
  .b-destaque__titulo { font-size: 26px; }
}