fix burguer menu

includes/header.html

@@ -64,8 +64,23 @@
   </nav>
 </div>
 
-<!-- Menú Desplegable para Móviles -->
-<div id="mobile-menu-drawer" class="mobile-menu-drawer">
+<!-- Overlay oscuro -->
+<div id="mobile-menu-overlay" class="mobile-menu-overlay"></div>
+
+<!-- Drawer lateral -->
+<div id="mobile-menu-drawer" class="mobile-menu-drawer" aria-hidden="true">
+  
+  <div class="drawer-header">
+    <img src="assets/img/logo-on-light.png" alt="IDE Consultores" class="brand-logo-img logo-light-only" style="height:32px;">
+    <img src="assets/img/logo-on-dark.png" alt="IDE Consultores" class="brand-logo-img logo-dark-only" style="height:32px;">
+    <button id="drawer-close-btn" class="drawer-close-btn" aria-label="Cerrar menú">
+      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+        <line x1="18" y1="6" x2="6" y2="18"></line>
+        <line x1="6" y1="6" x2="18" y2="18"></line>
+      </svg>
+    </button>
+  </div>
+
   <ul class="mobile-nav-links">
     <li><a href="index.html" class="nav-link">Inicio</a></li>
     <li><a href="desafios.html" class="nav-link">Desafíos</a></li>
@@ -74,10 +89,12 @@
     <li><a href="ide-academy.html" class="nav-link">IDE Academy</a></li>
     <li><a href="insights.html" class="nav-link">Insights</a></li>
     <li><a href="somos-ide.html" class="nav-link">Somos IDE</a></li>
-    <li><a href="contacto.html" class="nav-link" style="color: var(--ide-accent);">Contacto Comercial</a></li>
     <li><a href="trabaja-con-nosotros.html" class="nav-link">Trabaja con nosotros</a></li>
+    <li><a href="contacto.html" class="nav-link" style="color: var(--ide-accent);">Contacto Comercial</a></li>
   </ul>
-  <div style="margin-top: 2rem;">
-    <a href="contacto.html" class="btn btn-primary w-full" style="width: 100%;">HABLEMOS</a>
+
+  <div style="margin-top: auto; padding-top: 2rem; border-top: 1px solid var(--border-color);">
+    <a href="contacto.html" class="btn btn-primary" style="width: 100%; justify-content: center;">HABLEMOS</a>
   </div>
+
 </div>