ppugliese/new_amoryroma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

separacion de footer y menu

Browse Source
This commit is contained in:
ppugliese
2026-09-08 22:03:49 -03:00
parent 77e85a3328
commit 8658853405
12 changed files with 213 additions and 489 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contacto.html
+1 -50
View File
@@ -116,56 +116,7 @@
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
css/styles.css
+11 -8
View File
@@ -182,7 +182,7 @@ section { padding-block: var(--space-6); position: relative; }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.grid { display: grid; gap: var(--space-3); }
.grid { display: grid; gap: var(--space-3); border-radius: 24px; }
@media (min-width: 860px) {
.grid-2 { grid-template-columns: 1fr 1fr; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
@@ -200,7 +200,7 @@ section { padding-block: var(--space-6); position: relative; }
font-family: var(--font-small);
font-size: var(--step--1);
font-weight: 500;
padding: 0.5rem 1.6rem;
padding: 0.2rem 1.6rem;
border-radius: 999px;
border: 1px solid transparent;
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
@@ -210,15 +210,15 @@ section { padding-block: var(--space-6); position: relative; }
.btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; }
.btn-primary {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background: color-mix(in srgb, var(--accent-amor) 85%, black);
color: #fff;
}
.btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); }
.btn-secondary {
background: transparent;
color: var(--text);
border-color: var(--border-strong);
color: var(--accent-roma-bright);
border-color: var(--accent-roma-bright);
}
.btn-secondary:hover { border-color: var(--accent-roma-bright); color: var(--accent-roma-bright); }
@@ -283,10 +283,13 @@ section { padding-block: var(--space-6); position: relative; }
.nav-actions { display: flex; align-items: center; gap: var(--space-2); }
.theme-toggle {
width: 42px; height: 42px; border-radius: 50%;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid var(--border-strong);
background: var(--bg-raised);
display: grid; place-items: center;
display: grid;
place-items: center;
color: var(--text);
}
.theme-toggle svg { width: 18px; height: 18px; }
@@ -481,7 +484,7 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
.plan-card {
border: 1px solid var(--border);
border-radius: 24px 24px 12px 12px;
border-radius: 24px 24px 24px 24px;
padding: var(--space-3);
background: var(--bg-raised);
display: flex; flex-direction: column; gap: var(--space-2);
diagnostico.html
+1 -50
View File
@@ -140,56 +140,7 @@
</section>
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
index.html
+7 -97
View File
@@ -9,46 +9,8 @@
</head>
<body>
<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="diagnostico.html" class="btn btn-primary">Hablemos</button></a></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>
<div id="header-placeholder"></div>
<main>
@@ -155,7 +117,7 @@
</article>
</div>
<div style="margin-top:var(--space-4);">
<a href="servicios.html" class="btn btn-secondary">Explorar servicios</a>
<a href="servicios.html" class="btn btn-primary">Explorar servicios</a>
</div>
</div>
</section>
@@ -237,71 +199,19 @@
</section>
<!-- CTA FINAL -->
<section style="background:linear-gradient(100deg, var(--c-magenta) 0%, var(--c-teal-deep) 100%); color:var(--c-mist);">
<section style="background: var(--c-plum-2); color:var(--c-mist);">
<div class="container" style="text-align:center;">
<h2 style="max-width:20ch; margin-inline:auto; color:var(--c-mist);">Tu próximo tiene que ser una estratégico.</h2>
<div class="btn-row" style="justify-content:center; margin-top:var(--space-3);">
<a href="diagnostico.html" class="btn btn-secondary">Empezar diagnóstico</a>
<a href="contacto.html" class="btn btn-secondary">Hablar con Amor y Roma</a>
<a href="diagnostico.html" class="btn btn-primary">Empezar diagnóstico</a>
<a href="contacto.html" class="btn btn-primary">Hablar con Amor y Roma</a>
</div>
</div>
</section>
</main>
<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:0.8rem; 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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5493886118304" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
js/main.js
+84 -13
View File
@@ -4,38 +4,109 @@
(function () {
"use strict";
/* ---------- Tema claro / oscuro ---------- */
/* ---------- Función central para cambiar tema ---------- */
function setTheme(theme) {
const root = document.documentElement;
const stored = localStorage.getItem("ar-theme");
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
const initial = stored || (prefersDark ? "dark" : "light");
root.setAttribute("data-theme", initial);
root.setAttribute("data-theme", theme);
localStorage.setItem("ar-theme", theme);
}
document.querySelectorAll("[data-theme-toggle]").forEach((btn) => {
btn.addEventListener("click", () => {
function toggleTheme() {
const root = document.documentElement;
const current = root.getAttribute("data-theme");
const next = current === "dark" ? "light" : "dark";
root.setAttribute("data-theme", next);
localStorage.setItem("ar-theme", next);
});
setTheme(next);
}
function getPreferredTheme() {
const stored = localStorage.getItem("ar-theme");
if (stored) return stored;
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
}
/* ---------- Inicializar tema ---------- */
setTheme(getPreferredTheme());
/* ---------- Inicializar toggle (se puede llamar varias veces) ---------- */
function initThemeToggle() {
document.querySelectorAll("[data-theme-toggle]").forEach((btn) => {
// Remover listeners duplicados
btn.removeEventListener("click", toggleTheme);
btn.addEventListener("click", toggleTheme);
});
}
/* ---------- Menú móvil ---------- */
function initMobileMenu() {
const navToggle = document.querySelector("[data-nav-toggle]");
const mobileMenu = document.querySelector("[data-mobile-menu]");
if (navToggle && mobileMenu) {
navToggle.addEventListener("click", () => {
// Remover listeners duplicados
const newToggle = navToggle.cloneNode(true);
navToggle.parentNode.replaceChild(newToggle, navToggle);
newToggle.addEventListener("click", function () {
mobileMenu.classList.toggle("open");
const expanded = mobileMenu.classList.contains("open");
navToggle.setAttribute("aria-expanded", String(expanded));
this.setAttribute("aria-expanded", String(expanded));
});
mobileMenu.querySelectorAll("a").forEach((a) =>
a.addEventListener("click", () => mobileMenu.classList.remove("open"))
a.addEventListener("click", () => {
mobileMenu.classList.remove("open");
const toggle = document.querySelector("[data-nav-toggle]");
if (toggle) toggle.setAttribute("aria-expanded", "false");
})
);
}
}
/* ---------- Inicializar todo al cargar ---------- */
initThemeToggle();
initMobileMenu();
/* ---------- Año dinámico en footer ---------- */
document.querySelectorAll("[data-year]").forEach((el) => {
el.textContent = new Date().getFullYear();
});
/* ============================================
EMBED PARCIALS (header + footer)
============================================ */
document.addEventListener('DOMContentLoaded', function () {
const headerPlaceholder = document.getElementById('header-placeholder');
const footerPlaceholder = document.getElementById('footer-placeholder');
if (headerPlaceholder) {
fetch('partials/header.html')
.then(res => {
if (!res.ok) throw new Error('HTTP ' + res.status);
return res.text();
})
.then(html => {
headerPlaceholder.outerHTML = html;
// Re-inicializar componentes después del fetch
initThemeToggle();
initMobileMenu();
})
.catch(err => console.warn('Header no cargado:', err));
}
if (footerPlaceholder) {
fetch('partials/footer.html')
.then(res => {
if (!res.ok) throw new Error('HTTP ' + res.status);
return res.text();
})
.then(html => {
footerPlaceholder.outerHTML = html;
// Actualizar año automático
document.querySelectorAll("[data-year]").forEach((el) => {
el.textContent = new Date().getFullYear();
});
})
.catch(err => console.warn('Footer no cargado:', err));
}
});
})();
metodo.html
+1 -52
View File
@@ -131,58 +131,7 @@
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
nosotros.html
+1 -52
View File
@@ -126,58 +126,7 @@
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
partials/footer.html
+53
View File
@@ -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
+40
View File
@@ -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>
planes.html
+1 -52
View File
@@ -151,58 +151,7 @@
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
portfolio.html
+1 -52
View File
@@ -163,58 +163,7 @@
</div>
</div>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>
servicios.html
+1 -52
View File
@@ -194,58 +194,7 @@
</main>
<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:0.8rem; 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:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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>
<div id="footer-placeholder"></div>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp">
<svg viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path d="M16.01 3C9.38 3 4 8.38 4 15.01c0 2.26.61 4.38 1.68 6.2L4 29l7.98-1.64a11.9 11.9 0 004.03.7c6.63 0 12.01-5.38 12.01-12.05C28.02 8.38 22.64 3 16.01 3zm0 21.8c-1.98 0-3.85-.55-5.44-1.5l-.39-.23-4.86 1 1.03-4.72-.25-.4a9.7 9.7 0 01-1.5-5.15c0-5.4 4.39-9.79 9.8-9.79 5.4 0 9.79 4.39 9.79 9.79.01 5.4-4.38 9.79-9.78 10zM21.4 18c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14-.19.28-.72.9-.88 1.09-.16.19-.32.2-.6.07-.28-.14-1.17-.43-2.23-1.37-.83-.74-1.38-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.33.42-.5.14-.16.19-.28.28-.47.09-.19.05-.35-.02-.5-.07-.14-.63-1.52-.87-2.08-.23-.55-.46-.47-.63-.48h-.54c-.19 0-.5.07-.76.35-.26.28-1 .98-1 2.38 0 1.4 1.02 2.76 1.16 2.95.14.19 2 3.05 4.85 4.27.68.29 1.21.47 1.62.6.68.22 1.3.19 1.79.11.55-.08 1.66-.68 1.9-1.34.24-.66.24-1.22.17-1.34-.07-.12-.25-.19-.53-.33z"/></svg>