Demonstração prática de sintaxe e código renderizável em Markdown.

🗺️ Mapa Arquitetural

flowchart TD
    CODE["Texto Mermaid puro no Markdown"] --> ENGINE["Mermaid.js Library"]
    ENGINE --> SVG["Renderiza vetor SVG interativo e nítido em qualquer resolução"]
    
    style CODE fill:#e1f5fe,stroke:#03a9f4,stroke-width:1px
    style SVG fill:#e8f5e9,stroke:#4caf50,stroke-width:2px

📄 Código de Demonstração (arquitetura.mermaid)

%% Diagrama de Sequência em Mermaid
sequenceDiagram
    autonumber
    actor Dev as Engenheiro de Software
    participant Git as GitHub Repository
    participant CI as GitHub Actions CI
    participant Prod as Produção (Cloud)

    Dev->>Git: git push origin main
    activate Git
    Git->>CI: Dispara Workflow (Deploy Jekyll)
    activate CI
    CI->>CI: Executa Testes & Validação de Links
    CI->>Prod: Publica Site Otimizado
    deactivate CI
    Prod-->>Dev: Notificação de Sucesso 🚀
    deactivate Git

🚀 Saída Esperada do Parser / Renderizador

Mermaid Sequence Diagram:
✓ 4 Participants rendered
✓ Autonumbering enabled (1, 2, 3, 4, 5)
✓ Activation/Deactivation lifelines validated