/* Componente: paginação do catálogo (templates/componentes/paginacao.php). */
.paginacao { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin-top: 3rem; }
.paginacao a {
    display: inline-grid; place-items: center; min-width: 2.75rem; height: 2.75rem; padding-inline: 0.85rem;
    border-radius: var(--raio); border: 1px solid var(--cor-borda); background: #fff; color: var(--cor-grafite); font-weight: 600; text-decoration: none;
}
.paginacao a:hover { border-color: var(--cor-azul); color: var(--cor-azul); }
.paginacao a[aria-current="page"] { background: var(--cor-azul); border-color: var(--cor-azul); color: #fff; }