Guia Prático de Estilização Markdown

 Este guia apresenta alguns recursos extras que vão além do Markdown básico e que podem ser usados nas páginas desta documentação.

Blocos de Destaque

 Use os blocos abaixo para chamar atenção para informações importantes. Os admonitions devem ficar fora do <div> de justificação para renderizar corretamente.

:::tip Sugestão Prefira mensagens diretas e fáceis de ler. :::

:::warning Cuidado Revise comandos antes de executar no terminal. :::

:::info Contexto Este conteúdo é apenas informativo. :::

:::note Observação Anotações rápidas para referência futura. :::

 Importante: admonitions precisam estar fora do <div style={{textAlign: 'justify'}}> para renderizar. Feche o div antes do admonition e reabra depois:

<div style={{textAlign: 'justify'}}>

&emsp;Texto antes.

</div>

:::tip Sugestão
Conteúdo do admonition.
:::

<div style={{textAlign: 'justify'}}>

&emsp;Texto depois.

</div>

Conteúdo Expansível

 Use as tags <details> e <summary> para ocultar informações secundárias:

<details>
<summary>Clique para expandir</summary>

Informações adicionais aparecem aqui.

</details>

Resultado:

Clique para expandir

Informações adicionais aparecem aqui.

Citação

 Use > para destacar uma frase ou referência:

Este é um destaque em formato de citação.

Tabelas

 Tabelas devem ser envolvidas em <div align="center"> com título e fonte numerados:

<div align="center">
<small><strong style={{fontSize: '12px'}}>Quadro X — Título da Tabela</strong></small>

| Item | Descrição |
|------|-----------|
| A    | Descrição A |
| B    | Descrição B |

<small style={{marginTop: '4px', fontSize: '10px'}}>Fonte: Material produzido pelo grupo, 2026.</small>
</div>

Blocos de Código

 Use triple backticks com o nome da linguagem:

npm install
npm run start

 Esses recursos ajudam a organizar a documentação de forma clara em projetos colaborativos.