/* ========================================================
   CATÁLOGO E FILTROS (catalogo.css)
   ======================================================== */

/* Barra Superior (Botão Filtro e Ordenação) */
.barra-filtros { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: white; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.btn-filtrar { background-color: var(--cor-secundaria); color: var(--cor-primaria); border: none; padding: 8px 15px; border-radius: 8px; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 0.85rem; transition: 0.3s; }
.btn-filtrar:hover { background-color: var(--cor-primaria); color: white; }
.select-ordenacao { padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; color: var(--cor-texto); font-size: 0.85rem; outline: none; background-color: #f8f9fa; font-weight: bold; cursor: pointer; }
.select-ordenacao:focus { border-color: var(--cor-primaria); }

/* Gaveta de Filtros (Interno) */
.filtro-grupo { margin-bottom: 20px; text-align: left; }
.filtro-grupo label { display: block; font-weight: bold; color: var(--cor-texto); margin-bottom: 8px; font-size: 0.9rem; }
.filtro-select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; outline: none; background: #fdfdfd; font-size: 0.95rem; }
.filtro-select:focus { border-color: var(--cor-primaria); }
.btn-aplicar-filtros { background-color: var(--cor-primaria); color: white; border: none; padding: 15px; width: 100%; border-radius: 8px; font-weight: bold; font-size: 1rem; cursor: pointer; margin-top: 10px; transition: 0.3s; }
.btn-aplicar-filtros:hover { filter: brightness(0.9); }
.link-limpar-filtros { display: block; text-align: center; margin-top: 15px; color: #888; text-decoration: none; font-size: 0.9rem; }

/* Paginação */
.paginacao-container { display: flex; justify-content: space-between; padding: 20px 15px 40px; }
.btn-paginacao { background-color: white; color: var(--cor-primaria); border: 2px solid var(--cor-primaria); padding: 10px 20px; border-radius: 30px; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: 0.3s; display: flex; align-items: center; gap: 8px; }
.btn-paginacao:hover { background-color: var(--cor-primaria); color: white; }
.btn-paginacao.desativado { border-color: #ccc; color: #ccc; pointer-events: none; }