/*
  CSS especifico de pagina, extraido do bloco <style> inline de
  cursos.html no prototipo.

  Ficava dentro do HTML e por isso quase escapou da conversao. Aqui
  vira folha propria, carregada so na tela que precisa dela
  (ver inc/setup.php).
*/

.filters {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      margin-top: var(--space-7);
    }
    .filter {
      font-family: var(--font-body);
      font-size: 0.75rem;
      font-weight: 400;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      padding: 10px 20px;
      border: 1px solid var(--ava-dourado-20);
      color: var(--ava-cinza);
      background: transparent;
      cursor: pointer;
      transition: border-color 0.3s, color 0.3s, background 0.3s;
    }
    .filter:hover, .filter.is-active {
      border-color: var(--ava-dourado);
      color: var(--ava-branco);
      background: rgba(150, 121, 70, 0.08);
    }