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>

partials/header.html

@@ -0,0 +1,40 @@
+<header class="site-header">
+  <div class="container nav-row">
+    <a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
+      <svg viewBox="0 0 80 70" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+        <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">amor&amp;roma</span>
+    </a>
+    <nav class="nav-links" aria-label="Navegación principal">
+      <a href="index.html" aria-current="page">Inicio</a>
+      <a href="servicios.html">Servicios</a>
+      <a href="planes.html">Planes</a>
+      <a href="portfolio.html">Portfolio</a>
+      <a href="nosotros.html">Nosotros</a>
+      <a href="metodo.html">Método</a>
+      <a href="contacto.html">Contacto</a>
+    </nav>
+    <div class="nav-actions">
+      <a href="contact.html" class="btn btn-primary">Hablemos</a>
+      <button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
+        <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
+        <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
+      </button>
+      <button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+      </button>
+    </div>
+  </div>
+  <div class="mobile-menu" data-mobile-menu>
+    <a href="index.html">Inicio</a>
+    <a href="servicios.html">Servicios</a>
+    <a href="planes.html">Planes</a>
+    <a href="portfolio.html">Portfolio</a>
+    <a href="nosotros.html">Nosotros</a>
+    <a href="metodo.html">Método</a>
+    <a href="diagnostico.html">Diagnóstico</a>
+    <a href="contacto.html">Contacto</a>
+  </div>
+</header>