Principios de semantica

<a href="index.html" aria-label="Inicio">
  <img class="encabezado__logo--icono" alt="Logo de la empresa" src="./img/logoproviblanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion" aria-label="Menú principal">
  <ul class="encabezado__navegacion--lista">
    <li class="encabezado__navegacion--item">
      <a class="encabezado__navegacion--elemento" href="blog.html" aria-label="Ir al blog">Blog</a>
    </li>
    <li class="encabezado__navegacion--item">
      <a class="encabezado__navegacion--elemento" href="paquetes.html" aria-label="Ver los paquetes de viaje">Paquetes de viaje</a>
    </li>
    <li class="encabezado__navegacion--item">
      <a class="encabezado__navegacion--elemento" href="contacto.html" aria-label="Ir a la página de contacto">Contacto</a>
    </li>
  </ul>
</nav>