Eleição

<style>

.card__grid-grid {

grid-template-columns: 1fr;

padding-top: 2rem;

gap: 3rem;

}

@media screen and (min-width: 768px) {

.card__grid-grid {

grid-template-columns: repeat(4, minmax(0, 1fr));

}

}

</style>

<section class="home__section">

<div class="editor-content">

<h2 class="h2 decorator">Eleição</h2>

</div>

<div class="space-y-8">

<div class="editor-content">

<div class="rich-text-display">

<p><strong>Cada eleitor pode votar em 7 candidatos:</strong></p>

<ul>

<li>

<span>4 do Movimento Organizado.</span>

</li>

<li>

<span>3 do Movimento Independente.</span>

</li>

</ul>

<p><strong>Como votar:</strong></p>

<ul>

<li>

<span>Faça o login pelo <a href="/users/sign_in">Gov.br</a></span>

</li>

<li>

<span>Clique no segmento desejado.</span>

</li>

<li>

<span>Clique em "votar" no candidato que deseja votar.</span>

</li>

</ul>

</div>

</div>

</div>

<div class="card__grid-grid">

<a class="card__grid" href="/processes/eleicao-conselho-comdlgbt/f/1066/proposals">

<div class="card__grid-img">

<img

src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE00IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7881b66ee96517cdf43b40899de1e2caadaaaa9b/Thumbnail%20(10).png"

alt="Thumbnail"

/>

</div>

<div class="card__grid-text">

<h3 class="h4 text-secondary">Representantes Independentes da Sociedade Civil</h3>

</div>

</a>

<a class="card__grid" href="/processes/eleicao-conselho-comdlgbt/f/1065/proposals">

<div class="card__grid-img">

<img

src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE00IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7881b66ee96517cdf43b40899de1e2caadaaaa9b/Thumbnail%20(10).png"

alt="Thumbnail"

/>

</div>

<div class="card__grid-text">

<h3 class="h4 text-secondary">Representantes do Movimento Social Organizado</h3>

</div>

</a>

</div>

</section>