Saiba mais sobre os encontros

<section class="home__section">

<style>

.card__list {

-webkit-box-orient: horizontal;

-webkit-box-direction: normal;

-ms-flex-direction: row;

flex-direction: row;

}

.card__calendar {

min-width: 64px;

height: 80px;

}

.card__list-metadata div {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

gap: 0.25rem;

}

.card__list-metadata div:last-child {

margin-left: 1rem;

}

</style>

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

<h2 class="h2 decorator">Saiba mais Sobre os Encontros</h2>

<div id="event__container">

<a class="card__list" href="https://maps.app.goo.gl/vBJjyYQyvH1VvtAZ7" style="text-decoration: none;">

<time class="card__calendar" datetime="2025-05-06T19:00:00-03:00">

<span class="card__calendar-month">MAI</span>

<span class="card__calendar-day">06</span>

<span class="card__calendar-year">2025</span>

</time>

<div class="card__list-content">

<h3 class="card__list-title" style="margin: 0px;">Auditório da prefeitura (Praça Tancredo Neves, 200)</h3>

<div class="card__list-metadata">

<div>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="1rem">

<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path>

</svg>

<span>19:00</span>

</div>

<div>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="1rem">

<path d="M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z"></path>

</svg>

<span>Sede</span>

</div>

</div>

</div>

</a>

</div>

</div>

</section>