/* css home */ .banner { width: 100%; object-fit: fill; }

.titulo-principal { text-align: center; font-size: 2em; margin: 0 0 1em; clear: left; }

.principal p { margin: 0 0 1em; }

.principal strong { font-weight: bold; }

.principal em { font-style: italic; }

.mapa { padding: 3em 0; }

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

.imagenDiferencial { width: 60%; }

.utensilios { width: 120px; float: left; margin: 0 20px 20px 0; }

.video { display: flex; width: 1060px; margin: 1em auto; }

.video iframe { padding-inline: 5px; }

<section class="principal">
  <h2 class="titulo-principal">Sobre la Barbería Alura</h2>
  <img src="imagenes/utensilios[1].jpg" alt="utensilios" class="utensilios">
  <p>Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong> trae para el
    mercado lo que hay de mejor
    para
    su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes
    diariamente.</p>
  <p id="mision"><em>Nuestra misión es: <strong>"Proporcionar autoestima y calidad de
        vida
        a nuestros clientes"</strong>.</em></p>
  <p>Ofrecemos profesionales experimentados que están constantemente observando los
    cambios y movimiento en el mundo de
    la
    moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia
    y
    agilidad, garantizando calidad y satisfacción de nuestros clientes.</p>
</section>

<section class="mapa">
  <h3 class="titulo-principal">
    Nuesta ubicacion
  </h3>
  <p>Nuestro establecimiento estya ubicado en el corazon de la ciudad.</p>
  <iframe
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.4289779950204!2d-46.6360599242715!3d-23.58894346260688!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5a2b2ed7f3a1%3A0xab35da2f5ca62674!2sCaelum%20-%20Education%20and%20Innovation!5e0!3m2!1sen!2sco!4v1680913421148!5m2!1sen!2sco"
    width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"
    referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>

<section class="diferenciales">

  <h2 class="titulo-principal">Diferenciales</h2>
  <ul>
    <li class="items">Atencion personalizada</li>
    <li class="items">Espacio diferenciado</li>
    <li class="items">Localizacion</li>
    <li class="items">profesionales calificados</li>
  </ul>
  <img src="https://img.lalr.co/cms/2017/03/25014033/barberia2703.jpg?size=xl" alt="" class="imagenDiferencial">
</section>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/G0RbgK1r21Y" title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen></iframe>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/wcVVXUV0YUY" title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
</div>

© Copyright Barbería Alura - 2020