/* ============================================================================
   MDC — Filtro por infovia (segunda linha da barra de filtros do mapa)
   ----------------------------------------------------------------------------
   A linha das infovias fica SEMPRE na tela. Nada abre nem fecha conforme o
   clique: quem olha a seção já vê que existe filtro por infovia e clica direto,
   sem precisar descobrir que o chip de programa esconde um segundo nível.

   Quando a infovia não pertence ao programa selecionado ela fica esmaecida —
   mas continua clicável, e clicar nela troca o programa junto.

   Carregar depois do mdc-mapa.css.
   ========================================================================== */

/* A barra de programas mora dentro de um .pr-bar, que é flex. A linha de
   infovias é irmã dela e precisa ocupar a largura toda para cair embaixo. */
.pr-bar{flex-wrap:wrap}

.pr-ivchips{
  width:100%;flex:0 0 100%;
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;
  margin-top:14px;
}

/* fio separando os dois níveis. flex-basis 100% empurra os chips para a linha
   de baixo. */
.pr-ivchips::before{
  content:'';flex:0 0 100%;height:1px;margin-bottom:14px;
  background:linear-gradient(90deg,transparent 22%,rgba(255,255,255,.14) 50%,transparent 78%);
}

/* O rótulo ocupa a linha inteira: além de deixar a hierarquia explícita, libera
   ~100px e faz as nove infovias caberem numa linha só a 1152px. */
.pr-ivlabel{
  flex:0 0 100%;text-align:center;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.6rem;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;
  color:rgba(226,232,240,.34);margin:0 0 9px;
}

.pr-ivchips .pr-chip{padding:7px 13px;font-size:.72rem;transition:background .28s ease,border-color .28s ease,color .28s ease,opacity .28s ease}
.pr-chip .pr-chip-n{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.66rem;font-weight:700;
  padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.09);
  color:rgba(226,232,240,.6);line-height:1.5;
}
.pr-chip.active .pr-chip-n{background:rgba(255,255,255,.16);color:#fff}

/* infovia de outro programa: apagada, mas continua clicável */
.pr-ivchips .pr-chip.pr-fora{opacity:.4}
.pr-ivchips .pr-chip.pr-fora:hover,
.pr-ivchips .pr-chip.pr-fora:focus-visible{opacity:1}

/* nas páginas de projeto a linha é a única — não precisa do fio nem do
   respiro de cima */
.pr-ivchips.pr-ivsolo{margin-top:0;margin-bottom:20px}
.pr-ivchips.pr-ivsolo::before{display:none}

@media (max-width:768px){
  .pr-ivchips{gap:6px;margin-top:12px}
  .pr-ivchips::before{margin-bottom:11px}
  .pr-ivchips .pr-chip{padding:7px 11px;font-size:.68rem}
  .pr-ivlabel{margin-bottom:7px}
}