/* Só nas páginas do Guia de dados espaciais (ligado em _metadata.yml) */

/* Tabelas largas rolam na horizontal no celular, em vez de passar da borda */
@media (max-width: 767px) {
  main.content table { display: block; max-width: 100%; overflow-x: auto; }
}

/* Desenhos em texto (fluxogramas) não quebram linha: rolam na horizontal */
main.content pre:not(.sourceCode) { white-space: pre; overflow-x: auto; }

/* Cartões de ferramentas com ícone */
.ferramentas { margin: 1rem 0 1.5rem; }
.ferramenta { border: 1px solid #a0a0a0; background: #fafafa; padding: .8rem .9rem; line-height: 1.45; }
.ferramenta p { margin: 0; }
.ferramenta img { width: 44px; height: 44px; float: left; margin: .15rem .8rem .3rem 0; }
.ferramenta strong a { text-decoration: none; }

/* Faixa de ícones e "comece aqui" na página de entrada */
.faixa-icones { display: flex; flex-wrap: wrap; gap: 1.1rem; align-items: center; margin: .5rem 0 1rem; }
.faixa-icones img { width: 40px; height: 40px; }
.comece { border: 2px solid #000; background: #fafafa; padding: .9rem 1rem; height: 100%; }
.comece h4 { margin-top: 0; font-size: 1rem; }

/* Figuras: legenda legível e imagens que cabem no celular */
main.content figure img { max-width: 100%; height: auto; border: 1px solid #d0d0d0; }
main.content figcaption { font-size: .85rem; color: #333; }

/* Foco visível para quem navega pelo teclado */
main.content a:focus-visible, .sidebar a:focus-visible { outline: 3px solid #0072B2; outline-offset: 2px; }

/* Selo de texto para programas sem ícone livre (ArcGIS) */
.selo-texto { display: inline-block; border: 2px solid #2b2b2b; border-radius: 4px;
  padding: .1rem .45rem; font-weight: 700; font-size: .85rem; line-height: 1.6; color: #2b2b2b; }
.faixa-icones .selo-texto { height: 40px; line-height: 34px; }

/* Abas de programa: destaque da aba ativa */
.panel-tabset .nav-tabs .nav-link.active { font-weight: 700; }