Cabecera en una línea; vuelve el boceto 5 y va antes del panel

sites/tomalacalle/pt/index.html

@@ -15,11 +15,21 @@
 </head>
 <body>
 <header class="cab">
+  <a class="simbolo" href="../"><img src="../img/simbolo.svg" alt=""></a>
+  <h1><a class="firma" href="../"><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
   <nav class="idiomas" aria-label="Idioma"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/" aria-current="page">PT</a><a href="../it/">IT</a><a href="../fr/">FR</a></nav>
-  <h1><a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a></h1>
 </header>
 
 <main>
+<section class="portada">
+  <img class="calle" src="../img/calle.svg" alt="Gente colorida chega por duas ruas e enche o cruzamento">
+  <nav class="acciones">
+    <a class="bt" href="#unete">Junta-te</a>
+    <a class="bt" href="#acampadas">Encontra a tua acampada</a>
+    <a class="bt" href="#difunde">Divulga</a>
+  </nav>
+</section>
+
 <section class="bloque panel" id="red">
   <h2>Segue-as</h2>
   <p>Cada acampada fala com a sua própria voz. Aqui estão as suas contas.</p>
@@ -82,14 +92,6 @@
   </div>
 </section>
 
-<section class="portada">
-  <img class="calle" src="../img/calle.svg" alt="Uma praça cheia de gente colorida e de tendas">
-  <nav class="acciones">
-    <a class="bt" href="#unete">Junta-te</a>
-    <a class="bt" href="#acampadas">Encontra a tua acampada</a>
-    <a class="bt" href="#difunde">Divulga</a>
-  </nav>
-</section>
 
 <section class="bloque" id="ejes">
   <h2>Quatro eixos</h2>