fix navbar

includes/menu.html

@@ -10,8 +10,14 @@
         <img src="assets/iconos/moon.svg" alt="Modo oscuro" class="theme-icon icon-moon">
         <img src="assets/iconos/sun.svg" alt="Modo claro" class="theme-icon icon-sun">
       </button>
+
       <button class="menu-toggle" aria-label="Abrir menú" aria-expanded="false">
-        Menú
+        <svg class="menu-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="4" y1="7" x2="20" y2="7"></line>
+          <line x1="4" y1="12" x2="20" y2="12"></line>
+          <line x1="4" y1="17" x2="20" y2="17"></line>
+        </svg>
+        <span>Menú</span>
       </button>
     </div>
   </nav>
@@ -20,12 +26,12 @@
 <!-- Overlay para cerrar el menú -->
 <div class="menu-overlay" id="menu-overlay"></div>
 
-<!-- Menú fullscreen -->
+<!-- Menú desplegable inferior -->
 <div class="fullscreen-menu" id="fullscreen-menu">
   <button class="menu-close" aria-label="Cerrar menú">✕</button>
   
   <div class="menu-content">
-    <!-- Columna 1: Navegación de inicio -->
+    <!-- Columna 1: Inicio -->
     <div class="menu-column">
       <h3>Inicio</h3>
       <ul>
@@ -39,7 +45,7 @@
       </ul>
     </div>
 
-    <!-- Columna 2: Sitemap y políticas -->
+    <!-- Columna 2: Navegación -->
     <div class="menu-column">
       <h3>Navegación</h3>
       <ul>
@@ -57,13 +63,20 @@
     <div class="menu-column">
       <h3>Contacto</h3>
       <div class="menu-contact-info">
-        <p>📧 info@agencia.com</p>
-        <p>📞 +34 123 456 789</p>
+        <p class="contact-item">
+          <span class="contact-icon icon-email" aria-hidden="true"></span>
+          <span>info@agencia.com</span>
+        </p>
+
+        <p class="contact-item">
+          <span class="contact-icon icon-phone" aria-hidden="true"></span>
+          <span>+34 123 456 789</span>
+        </p>
         
         <div class="menu-social">
-          <a href="https://instagram.com" target="_blank" rel="noopener">Instagram</a>
-          <a href="https://facebook.com" target="_blank" rel="noopener">Facebook</a>
-          <a href="https://linkedin.com" target="_blank" rel="noopener">LinkedIn</a>
+          <a href="https://instagram.com" target="_blank" rel="noopener"><i class="fa-brands fa-instagram"></i> Instagram</a>
+          <a href="https://facebook.com" target="_blank" rel="noopener"><i class="fa-brands fa-facebook"></i> Facebook</a>
+          <a href="https://linkedin.com" target="_blank" rel="noopener"><i class="fa-brands fa-linkedin-in"></i> LinkedIn</a>
         </div>
       </div>
 
@@ -71,6 +84,12 @@
         <a href="contacto.html" class="btn-menu btn-menu-primary">Hablemos</a>
         <a href="trabaja.html" class="btn-menu btn-menu-secondary">Trabaja con nosotros</a>
       </div>
+
+      <!-- Logo de marca integrado en el menú -->
+      <div class="menu-brand">
+        <img src="assets/logos/logo_ciruela.png" alt="Logo" class="logo-light">
+        <img src="assets/logos/logo_frio.png" alt="Logo" class="logo-dark">
+      </div>
     </div>
   </div>
 </div>