/* Links e Telefones Úteis (institucional/publico/links-telefones-uteis.php)
   Cards de órgão em 3 colunas (2 no tablet, 1 no celular). */
.orgaos-grid-ds{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
@media (max-width:900px){.orgaos-grid-ds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.orgaos-grid-ds{grid-template-columns:minmax(0,1fr)}}

.orgao-card-ds{
  display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border:1px solid var(--border); border-radius:var(--radius); background:var(--surface);
}
a.orgao-card-ds{text-decoration:none; color:inherit}
a.orgao-card-ds:hover{border-color:var(--teal-600)}
.orgao-card-ds > img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block}
.orgao-card-icone{
  display:flex; align-items:center; justify-content:center; aspect-ratio:16/9;
  background:var(--bg); color:var(--teal-600); font-size:2.4rem;
}
.orgao-card-corpo{display:flex; flex-direction:column; gap:6px; flex:1; padding:14px 16px}
.orgao-card-corpo h3{margin:0; font-size:1rem; line-height:1.3}
.orgao-card-corpo p{margin:0; font-size:.88rem; color:var(--text-500); overflow-wrap:anywhere}
.orgao-card-corpo p .bi{margin-right:4px}
.orgao-card-acoes{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:8px}
.orgao-card-redes{display:flex; gap:4px; margin-left:auto}
.orgao-card-redes a{
  display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center;
  border:1px solid var(--border); border-radius:50%; color:inherit; text-decoration:none; font-size:1.05rem;
}
.orgao-card-redes a:hover,.orgao-card-redes a:focus-visible{border-color:var(--teal-600); color:var(--teal-600)}