feat: change header logo (#134)

Author: itziarZG

public/images/logo-large.png

@@ -61,9 +61,13 @@ const { items } = menuTexts[currentLang]
     <!-- Logo -->
     <a
       href={getRelativeLocaleUrl(currentLang, '/')}
-      class="text-2xl font-bold font-outfit tracking-tighter text-pycon-white rounded px-2 py-1 outline-none transition-all focus-visible:bg-pycon-yellow-25/10 focus-visible:text-pycon-yellow"
+      class="flex items-center outline-none transition-all hover:opacity-80 focus-visible:opacity-80"
     >
-      PyCon<span class="text-pycon-yellow">ES</span>
+      <img
+        src="/images/logo-large.png"
+        alt="PyConES 2026 Barcelona"
+        class="w-auto md:w-64"
+      />
     </a>
 
     <div class="wrapper flex items-center gap-4">

src/layouts/components/Header/components/Navigation.astro

@@ -18,7 +18,7 @@ const { class: className } = Astro.props
 <button
   class:list={[
     className,
-    'responsive-toggle lg:hidden text-pycon-white p-2 rounded outline-none transition-colors focus-visible:bg-pycon-yellow-25/15 focus-visible:text-pycon-yellow',
+    'responsive-toggle lg:hidden text-pycon-white p-2 mt-4 rounded outline-none transition-colors focus-visible:bg-pycon-yellow-25/15 focus-visible:text-pycon-yellow',
   ]}
   aria-expanded="false"
   aria-label="Abrir menú de navegación"