[Projeto] Centralizar uma tabela na lateral do mapa

Olá Mariana,

Modifiquei um pouco o código para atender o que você queria:

    <section class="mapa">
            <table>
                <thead>
                    <tr>
                        <th>Dia</th>
                        <th>Horário</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>Segunda a Quinta-feira</td>
                        <td>8h às 18h</td>
                    </tr>

                    <tr>
                        <td>Sexta-feira</td>
                        <td>8h às 16h</td>
                    </tr>

                    <tr>
                        <td>Sábado</td>
                        <td>9h às 13h</td>
                    </tr>
                </tbody>
            </table>

            <div class="area-mapa">
                <p class="texto">Venha nos fazer uma visita!</p>

                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.1997634291165!2d-49.38291028593829!3d-28.683670382397597!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9521828a36aef8cd%3A0xb946ac4bf4a03043!2sGiassi%20Supermercados%20-%20Santa%20B%C3%A1rbara%20-%20Crici%C3%BAma!5e0!3m2!1spt-BR!2sbr!4v1665873932474!5m2!1spt-BR!2sbr" width="100%" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
            </div>
    </section>

\\ CSS

.mapa {
  text-align: center;
  padding-bottom: 10px;

  display: flex;
  align-items: center;
  justify-content: center;  
}

table {
  width: 38%;
  display: inline-block;
}

thead {
  background: #555555;
  color: white;
  font-weight: bold;
}

td,
th {
  border: 1px solid #000000;
  padding: 8px 15px;
}

.area-mapa{
  width: 50%;
  text-align: left;
}