/* Estilos só dos blocos que vêm do painel/integração. O layout continua no style.css. */

/* Categorias do blog viraram links (filtro) */
a.pill { color: inherit; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
a.pill:hover { border-color: var(--orange); }
a.pill.pill-ativa { background: var(--black); border-color: var(--black); color: var(--white); }

/* Paginação da lista de artigos */
.blog-paginacao { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.blog-paginacao a,
.blog-paginacao span { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); font-weight: 700; color: inherit; text-decoration: none; }
.blog-paginacao a:hover { border-color: var(--orange); }
.blog-paginacao span[aria-current] { background: var(--black); border-color: var(--black); color: var(--white); }

/* Validação do formulário de contato */
.field-erro input,
.field-erro select,
.field-erro textarea { border-color: var(--orange) !important; }
.field-aviso { display: block; margin-top: 6px; color: var(--orange); font-size: .85rem; font-weight: 600; }
.form-status { margin-top: 16px; font-weight: 600; }

/* Honeypot anti-spam: fora da tela, sem ocupar espaço */
.campo-armadilha { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* Botão "copiar link" do artigo confirma a cópia */
.share-btn.copiado { background: var(--orange); border-color: var(--orange); color: var(--white); }