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

sites/tomalacalle/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="./" aria-current="page">ES</a><a href="en/">EN</a><a href="pt/">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 de colores llega por dos calles y llena el cruce">
+  <nav class="acciones">
+    <a class="bt" href="#unete">Únete</a>
+    <a class="bt" href="#acampadas">Encuentra tu acampada</a>
+    <a class="bt" href="#difunde">Difunde</a>
+  </nav>
+</section>
+
 <section class="bloque panel" id="red">
   <h2>Síguelas</h2>
   <p>Cada acampada habla con su propia voz. Aquí están sus cuentas.</p>
@@ -82,14 +92,6 @@
   </div>
 </section>
 
-<section class="portada">
-  <img class="calle" src="img/calle.svg" alt="Una plaza llena de gente de colores y tiendas de campaña">
-  <nav class="acciones">
-    <a class="bt" href="#unete">Únete</a>
-    <a class="bt" href="#acampadas">Encuentra tu acampada</a>
-    <a class="bt" href="#difunde">Difunde</a>
-  </nav>
-</section>
 
 <section class="bloque" id="ejes">
   <h2>Cuatro ejes</h2>