/* Componente: pílulas de categorias (templates/componentes/categorias.php). */
.categorias ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.categorias a {
    display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1rem; border-radius: 99px;
    background: #fff; border: 1px solid var(--cor-borda); color: var(--cor-grafite); font-weight: 600; font-size: 0.9375rem; text-decoration: none;
}
.categorias a:hover { border-color: var(--cor-azul); color: var(--cor-azul); }
.categorias a[aria-current="page"] { background: var(--cor-marinho); border-color: var(--cor-marinho); color: #fff; }
.categorias__total { padding: 0.05rem 0.5rem; border-radius: 99px; background: #F1F5F9; color: var(--cor-ardosia); font-size: 0.8125rem; }
.categorias a[aria-current="page"] .categorias__total { background: rgba(255, 255, 255, .15); color: #fff; }