/*
Theme Name: Blockskit Agency
Theme URI: https://blockskit.com/blockskit-agency/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Agency is a modern and versatile WordPress theme designed for various types of websites including accounting, advisory, agency, business, company, consulting, corporate, creative, digital agency, finance, full site editing, gutenberg, insurance, marketing and more. It offers full-site-editing, allowing easy customization of all aspects of your site. With multiple templates, patterns, and style variations, it's suitable for different aesthetics. The theme is also compatible with popular plugins like Elementor, WooCommerce, and Spectra – WordPress Gutenberg Blocks, adding extra functionality to your site.
Template: blockskit-base
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-agency
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Agency WordPress Theme, Copyright 2024 BlockskitDev
Blockskit Agency is distributed under the terms of the GNU General Public License v3
*/
.tabela-documentos-wrapper {
  overflow-x: auto;
}

.tabela-documentos {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 15px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.tabela-documentos thead {
  background: #2c3e50;
  color: #fff;
}

.tabela-documentos th,
.tabela-documentos td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}

.tabela-documentos tbody tr:nth-child(even) {
  background: #f9f9f9;
}

.tabela-documentos a {
  color: #0073aa;
  font-weight: 600;
  text-decoration: none;
}

.tabela-documentos a:hover {
  text-decoration: underline;
}

.tabela-documentos th {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: center; /* cabeçalho sempre centrado */
  background: #2c3e50;
  color: #fff;
}

.tabela-documentos td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: center; /* por padrão, tudo centrado */
  vertical-align: middle;
}

/* Título (3ª coluna) alinhado à esquerda só nos dados */
.tabela-documentos td:nth-child(3) {
  text-align: left;
}

/* Cabeçalho: tudo centrado */
.tabela-documentos thead th {
  text-align: center !important;
}

/* Garantia extra: 3ª coluna (Título) centrada no cabeçalho */
.tabela-documentos thead th:nth-child(3) {
  text-align: center !important;
}

/* Corpo: tudo centrado... */
.tabela-documentos tbody td {
  text-align: center !important;
  vertical-align: middle !important;
}

/* ...exceto a 3ª coluna (Título), que fica à esquerda */
.tabela-documentos tbody td:nth-child(3) {
  text-align: left !important;
}

/* Container dos botões */
.categorias-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* Botão de categoria */
.cat-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid #d0d7de;
  border-radius: 999px;              /* pílula */
  background: #f8fafc;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  transition: background .2s, border-color .2s, transform .02s ease;
}

.cat-btn:hover {
  background: #eef2ff;
  border-color: #6366f1;
}

.cat-btn:active {
  transform: translateY(1px);
}

/* centra horizontal e verticalmente o número da contagem */
.cat-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 22px;
  padding: 0 8px;        /* mantém espaço lateral */
  line-height: 1;        /* evita desalinhamentos verticais */
  text-align: center;
  border-radius: 999px;
  background: #e2e8f0;
  font-size: 12px;
  font-weight: 700;
  /* opcional: números com largura fixa para ficar perfeito */
  font-variant-numeric: tabular-nums;
}

.cat-btn:hover .cat-badge {
  background: #c7d2fe;
}

/* Estado ativo (quando estás a ver uma categoria) */
.cat-btn.active {
  background: #6366f1;
  border-color: #6366f1;
  color: #fff;
}

.cat-btn.active .cat-badge {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.categorias-grid { justify-content: center; }