<div style="width: 100%; height: 100%; background: #101010; overflow: hidden; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; display: inline-flex">
    <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
        <div style="align-self: stretch; padding-left: 80px; padding-right: 80px; padding-top: 40px; padding-bottom: 40px; background: var(--Branco, white); border-bottom: 1px black solid; justify-content: space-between; align-items: flex-start; display: inline-flex">
            <div style="width: 200px; height: 51px; background: var(--Preto, black)"></div>
        </div>
        <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
            <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div style="align-self: stretch; height: 80px; padding-left: 80px; justify-content: space-between; align-items: center; display: inline-flex">
                    <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">18 de abril de 2026</div>
                    <div style="width: 320px; align-self: stretch; padding-left: 80px; padding-right: 80px; background: var(--Branco, white); justify-content: space-between; align-items: center; display: flex">
                        <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Preto, black); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">edição</div>
                        <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Preto, black); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">01</div>
                    </div>
                </div>
            </div>
            <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div style="align-self: stretch; padding-top: 40px; padding-bottom: 40px; outline: 1px var(--Branco, white) solid; outline-offset: -0.50px; justify-content: flex-start; align-items: center; display: inline-flex">
                    <div style="flex: 1 1 0; align-self: stretch; padding-left: 80px; padding-right: 80px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 48px; display: inline-flex">
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                        </div>
                        <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 32px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Centenário de Darcy Penteado (São Roque/SP)</div>
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Uma convocatória exclusiva para projetos que visem a preservação da memória e o legado artístico de Darcy Penteado. Essencial para proponentes focados em artes visuais e patrimônio imaterial.</div>
                        </div>
                        <div style="height: 27px; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: var(--Branco, white); justify-content: center; align-items: center; gap: 8px; display: inline-flex">
                            <div style="color: var(--Preto, black); font-size: 14px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">SAIBA MAIS</div>
                            <div style="width: 12px; height: 12px; background: var(--Preto, black)"></div>
                        </div>
                    </div>
                </div>
                <div style="align-self: stretch; padding-top: 40px; padding-bottom: 40px; outline: 1px var(--Branco, white) solid; outline-offset: -0.50px; justify-content: flex-start; align-items: center; display: inline-flex">
                    <div style="flex: 1 1 0; align-self: stretch; padding-left: 80px; padding-right: 80px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 48px; display: inline-flex">
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                        </div>
                        <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 32px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Ciclo de Fomento Rio do Antônio (Bahia)</div>
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">O município baiano apresenta um hub de três chamamentos simultâneos via Lei Aldir Blanc (Ciclo 2). Uma oportunidade robusta para agentes que atuam no Nordeste:</div>
                        </div>
                        <div style="padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: var(--Branco, white); justify-content: center; align-items: center; gap: 8px; display: inline-flex">
                            <div style="color: var(--Preto, black); font-size: 14px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">SAIBA MAIS</div>
                            <div style="width: 12px; height: 12px; background: var(--Preto, black)"></div>
                        </div>
                    </div>
                </div>
                <div style="align-self: stretch; padding-top: 40px; padding-bottom: 40px; outline: 1px var(--Branco, white) solid; outline-offset: -0.50px; justify-content: flex-start; align-items: center; display: inline-flex">
                    <div style="flex: 1 1 0; align-self: stretch; padding-left: 80px; padding-right: 80px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 48px; display: inline-flex">
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                            <div style="padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; outline: 1px var(--Branco, white) solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: flex">
                                <div style="color: var(--Branco, white); font-size: 10px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">TAG NAME</div>
                            </div>
                        </div>
                        <div style="align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 32px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Guia de Avaliação: Editais PNAB (Cidadania e Diversidade)</div>
                            <div style="align-self: stretch; text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Branco, white); font-size: 16px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Mais do que um edital direto, esta ficha técnica do Ministério da Cultura é uma ferramenta estratégica para quem deseja alinhar projetos às métricas de diversidade e inclusão exigidas pelo Governo Federal.</div>
                        </div>
                        <div style="padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: var(--Branco, white); justify-content: center; align-items: center; gap: 8px; display: inline-flex">
                            <div style="color: var(--Preto, black); font-size: 14px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">SAIBA MAIS</div>
                            <div style="width: 12px; height: 12px; background: var(--Preto, black)"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="align-self: stretch; padding-left: 40px; padding-right: 40px; padding-top: 24px; padding-bottom: 24px; background: var(--Branco, white); justify-content: space-between; align-items: center; display: inline-flex">
                <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex">
                    <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Preto, black); font-size: 12px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Boletim curado, editado e publicado pelo jornalista Breno Queiroz, Gerente de Mídia da Onoma.dev</div>
                    <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Preto, black); font-size: 12px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Você pode cancelar ou alterar seus dados de contato a qualquer momento.</div>
                </div>
                <div style="justify-content: flex-start; align-items: center; gap: 4px; display: flex">
                    <div style="text-box-trim: trim-both; text-box-edge: cap alphabetic; color: var(--Preto, black); font-size: 12px; font-family: Satoshi; font-weight: 500; word-wrap: break-word">Desenvolvido carinhosamente pela</div>
                    <div style="width: 47px; height: 12px; background: var(--Preto, black)"></div>
                </div>
            </div>
        </div>
    </div>
</div>