Haz lo que hicimos en el aula

HTML

<section class="mapa">
                <h3 class="titulo-principal">Nuestra Ubicacion</h3>
                <p>Nuestro establecimiento esta ubicado en centro de la ciudad</p>
                <iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d3656.4079766856057!2d-46.637213!3d-23.5896971!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2sco!4v1681527965590!5m2!1ses!2sco" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </section>

            <div class="video-barber">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/8pWtdanVz3I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

            </div>

CSS

.mapa p{
    margin: 0 0 2em ;
    text-align: center;
    color: #A4A4A4;
}

.video-barber{
    width: 560px;
    margin: 1em auto;

}