diff --git a/public/images/logo-large.png b/public/images/logo-large.png
new file mode 100644
index 0000000..c855ae7
Binary files /dev/null and b/public/images/logo-large.png differ
diff --git a/src/layouts/components/Header/components/Navigation.astro b/src/layouts/components/Header/components/Navigation.astro
index 36f7359..f8e16bc 100644
--- a/src/layouts/components/Header/components/Navigation.astro
+++ b/src/layouts/components/Header/components/Navigation.astro
@@ -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">
diff --git a/src/layouts/components/Header/components/ResponsiveToggle.astro b/src/layouts/components/Header/components/ResponsiveToggle.astro
index 688d16f..58517a8 100644
--- a/src/layouts/components/Header/components/ResponsiveToggle.astro
+++ b/src/layouts/components/Header/components/ResponsiveToggle.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"