Vitrine de Recursos

Este artigo serve como um guia de referência para os seletores de estilo que implementamos. Ele utiliza o conteúdo Lorem Ipsum para demonstrar o espaçamento, a tipografia e os elementos dinâmicos.

Exemplo de imagem com legenda centralizada. Note o tratamento de bordas e o espaçamento controlado.

Títulos e Âncoras

O título acima (H2) e o subtítulo abaixo (H3) recebem automaticamente o símbolo § à esquerda através de JavaScript. Este símbolo é um link clicável que permite compartilhar a posição exata daquela seção do texto.

Um exemplo de Subtítulo H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Citações em Bloco (Blockquotes)

Para destacar ideias poderosas, utilizamos o estilo personalizado para blockquote. Ao adicionar a tag <cite> ao final, o autor recebe um destaque especial em Burgundy.

"A simplicidade é o último grau da sofisticação quando aplicada ao design de sistemas editoriais modernos." — Leonardo da Vinci (Adaptado)

Listas e Ênfase

As listas foram projetadas para manter a legibilidade em dispositivos móveis e desktop, com recuos automáticos e marcadores sutis.

1. Ênfase em Negrito: Utilizamos um peso de fonte 700 para garantir contraste máximo.
2. Ênfase em Itálico: O itálico da fonte Source Serif 4 é expressivo e elegante.
3. Links Dinâmicos: Como este link para o Codex, que segue a cor primária do sistema.

Lista com Marcadores

• Item primeiro com bastante texto para testar o que acontece quando a linha quebra e como o recuo se mantém.
• Segundo item da lista.
• Terceiro item importante.

Referências Dinâmicas

Ao final deste artigo, você notará uma seção chamada "Referências e Leituras". Ela não está escrita neste arquivo Markdown de forma direta, mas sim através do campo resources no cabeçalho YAML. O sistema Flask processa esses dados e constrói a interface colapsável automaticamente.

Este é um parágrafo discreto e final, formatado em itálico para servir como uma nota de rodapé ou pós-fácio.