separacion de footer y menu

partials/footer.html

@@ -0,0 +1,53 @@
+<footer class="site-footer">
+  <div class="container">
+    <div class="foot-grid">
+      <div>
+        <div class="logo-mark" style="color:var(--c-mist);">
+          <svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="height:30px;">
+            <path d="M2 66V34C2 16.3 16.3 2 34 2H46C63.7 2 78 16.3 78 34V66" stroke="var(--accent-blush)" stroke-width="6" fill="none" opacity="0.55"/>
+            <path d="M14 66V34C14 20.7 24.7 10 38 10H42C55.3 10 66 20.7 66 34V66" stroke="currentColor" stroke-width="6" fill="none"/>
+          </svg>
+          <span class="wordmark" style="color:var(--c-mist);">amor&amp;roma</span>
+        </div>
+        <p style="margin-top:1.5rem; color:#c9c2d6; font-style:italic; font-family:var(--font-display);">Marcas con esencia, construidas con estrategia.</p>
+      </div>
+      <div>
+        <h5>Navegación</h5>
+        <ul>
+          <li><a href="index.html">Inicio</a></li>
+          <li><a href="servicios.html">Servicios</a></li>
+          <li><a href="planes.html">Planes</a></li>
+          <li><a href="portfolio.html">Portfolio</a></li>
+          <li><a href="nosotros.html">Nosotros</a></li>
+          <li><a href="metodo.html">Método</a></li>
+          <li><a href="diagnostico.html">Diagnóstico</a></li>
+          <li><a href="contacto.html">Contacto</a></li>
+        </ul>
+      </div>
+      <div>
+        <h5>Servicios</h5>
+        <ul>
+          <li><a href="servicios.html#branding">Branding</a></li>
+          <li><a href="servicios.html#redes">Redes</a></li>
+          <li><a href="servicios.html#web">Web</a></li>
+          <li><a href="servicios.html#automatizaciones">Automatizaciones</a></li>
+          <li><a href="servicios.html#paid-media">Paid Media</a></li>
+        </ul>
+      </div>
+      <div>
+        <h5>Contacto <span style="opacity:.6; font-weight:400;">(datos de prueba)</span></h5>
+        <ul>
+          <li><a href="mailto:contacto@amoryroma.com.ar">Email</a></li>
+          <li><a href="https://wa.me/5493886118304" target="_blank" rel="noopener">WhatsApp</a></li>
+          <li><a href="https://www.instagram.com/amoryroma.creativo/" target="_blank" rel="noopener">Instagram</a></li>
+          <li><a href="https://www.linkedin.com/in/patricia-pugliese" target="_blank" rel="noopener">LinkedIn</a></li>
+          <li><a href="https://web.facebook.com/amoryroma.creativo" target="_blank" rel="noopener">Fanpage</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="foot-bottom">
+      <span>© <span data-year></span> Amor y Roma — Estudio Creativo. www.amoryroma.com.ar</span>
+      <span>Política de privacidad · Términos y condiciones · Cookies</span>
+    </div>
+  </div>
+</footer>