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

botones

Browse Source
This commit is contained in:
ppugliese
2026-09-08 10:29:49 -03:00
parent 74718b1008
commit 77e85a3328
9 changed files with 56 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contacto.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html" aria-current="page">Contacto</a> <a href="contacto.html" aria-current="page">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>
css/styles.css
+35 -5
View File
@@ -62,6 +62,21 @@
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
color: transparent; color: transparent;
}
.btn-gradient {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background-size: 200% 200%;
color: white;
border: none;
padding: 0.8rem 2rem;
border-radius: 50px;
cursor: pointer;
transition: background-position 0.3s;
}
.btn-gradient:hover {
background-position: right center;
} }
color-scheme: light; color-scheme: light;
} }
@@ -85,6 +100,21 @@ html[data-theme="dark"] {
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
color: transparent; color: transparent;
}
.btn-gradient {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background-size: 200% 200%;
color: white;
border: none;
padding: 0.8rem 2rem;
border-radius: 50px;
cursor: pointer;
transition: background-position 0.3s;
}
.btn-gradient:hover {
background-position: right center;
} }
color-scheme: dark; color-scheme: dark;
} }
@@ -170,7 +200,7 @@ section { padding-block: var(--space-6); position: relative; }
font-family: var(--font-small); font-family: var(--font-small);
font-size: var(--step--1); font-size: var(--step--1);
font-weight: 500; font-weight: 500;
padding: 0.9rem 1.6rem; padding: 0.5rem 1.6rem;
border-radius: 999px; border-radius: 999px;
border: 1px solid transparent; border: 1px solid transparent;
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease; transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
@@ -180,7 +210,7 @@ section { padding-block: var(--space-6); position: relative; }
.btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; } .btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; }
.btn-primary { .btn-primary {
background: var(--accent-amor); background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
color: #fff; color: #fff;
} }
.btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); } .btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); }
@@ -347,10 +377,10 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
} }
.site-footer h5 { .site-footer h5 {
font-family: var(--font-small); font-family: var(--font-small);
font-size: var(--step--1); font-size: var(--step--2);
color: var(--accent-blush); color: var(--accent-roma-bright);
margin: 0 0 var(--space-2); margin: 0 0 var(--space-2);
font-weight: 500; font-weight: 400;
} }
.site-footer ul { display: flex; flex-direction: column; gap: 0.55rem; font-size: var(--step--1); color: #d8d0e0; } .site-footer ul { display: flex; flex-direction: column; gap: 0.55rem; font-size: var(--step--1); color: #d8d0e0; }
.foot-bottom { .foot-bottom {
diagnostico.html
+2 -2
View File
@@ -131,8 +131,8 @@
<p style="margin-top:0.6rem; color:var(--text-soft);">Gracias por contarnos sobre tu negocio. En breve nos ponemos en contacto para conversar sobre el próximo paso.</p> <p style="margin-top:0.6rem; color:var(--text-soft);">Gracias por contarnos sobre tu negocio. En breve nos ponemos en contacto para conversar sobre el próximo paso.</p>
</div> </div>
<div style="text-align:center; margin-top:var(--space-2);"> <div style="text-align:center; margin-top:var(--space-2);">
<button type="button" class="btn btn-ghost" data-action="restart">Volver a revisar mis respuestas</button> <button type="button" class="btn btn-secondary" data-action="restart">Volver a empezar</button>
<button type="button" class="btn-secondary" onclick="window.showReview?.()">Volver a revisar mis respuestas</button> <button type="button" class="btn btn-secondary" onclick="window.showReview?.()">Revisar mis respuestas</button>
</div> </div>
</div> </div>
index.html
+12 -11
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <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"> <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-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> <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>
@@ -231,18 +231,18 @@
<p style="color:var(--text-soft); font-size:0.9rem; margin-top:0.4rem;">Capacitación <br>y medición de métricas</p></div> <p style="color:var(--text-soft); font-size:0.9rem; margin-top:0.4rem;">Capacitación <br>y medición de métricas</p></div>
</div> </div>
<div style="margin-top:var(--space-4);"> <div style="margin-top:var(--space-4);">
<a href="metodo.html" class="btn btn-ghost">Conocé nuestro método →</a> <a href="metodo.html" class="btn btn-secondary">Conocé nuestro método →</a>
</div> </div>
</div> </div>
</section> </section>
<!-- CTA FINAL --> <!-- CTA FINAL -->
<section style="background:var(--c-plum-2); color:var(--c-mist);"> <section style="background:linear-gradient(100deg, var(--c-magenta) 0%, var(--c-teal-deep) 100%); color:var(--c-mist);">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<h2 style="max-width:20ch; margin-inline:auto; color:var(--c-mist);">Tu próximo paso no tiene que ser otra publicación. Tiene que ser una estrategia.</h2> <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);"> <div class="btn-row" style="justify-content:center; margin-top:var(--space-3);">
<a href="diagnostico.html" class="btn btn-primary">Empezar diagnóstico</a> <a href="diagnostico.html" class="btn btn-secondary">Empezar diagnóstico</a>
<a href="contacto.html" class="btn btn-secondary" style="border-color:rgba(234,240,238,0.3); color:var(--c-mist);">Hablar con Amor y Roma</a> <a href="contacto.html" class="btn btn-secondary">Hablar con Amor y Roma</a>
</div> </div>
</div> </div>
</section> </section>
@@ -288,10 +288,11 @@
<div> <div>
<h5>Contacto <span style="opacity:.6; font-weight:400;">(datos de prueba)</span></h5> <h5>Contacto <span style="opacity:.6; font-weight:400;">(datos de prueba)</span></h5>
<ul> <ul>
<li><a href="mailto:hola@amoryroma.com.ar">hola@amoryroma.com.ar</a></li> <li><a href="mailto:contacto@amoryroma.com.ar">Email</a></li>
<li><a href="https://wa.me/5491100000000" target="_blank" rel="noopener">+54 9 11 0000-0000</a></li> <li><a href="https://wa.me/5493886118304" target="_blank" rel="noopener">WhatsApp</a></li>
<li><a href="https://instagram.com/amoryroma" target="_blank" rel="noopener">Instagram</a></li> <li><a href="https://www.instagram.com/amoryroma.creativo/" target="_blank" rel="noopener">Instagram</a></li>
<li><a href="https://linkedin.com/company/amoryroma" target="_blank" rel="noopener">LinkedIn</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> </ul>
</div> </div>
</div> </div>
@@ -302,7 +303,7 @@
</div> </div>
</footer> </footer>
<a class="whatsapp-float" href="https://wa.me/5491100000000" target="_blank" rel="noopener" aria-label="Escribir por WhatsApp"> <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> <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>
</a> </a>
metodo.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>
nosotros.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>
planes.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>
portfolio.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>
servicios.html
+1 -1
View File
@@ -28,7 +28,7 @@
<a href="contacto.html">Contacto</a> <a href="contacto.html">Contacto</a>
</nav> </nav>
<div class="nav-actions"> <div class="nav-actions">
<a href="diagnostico.html" class="btn btn-primary">Encontrá tu solución</a> <a href="diagnostico.html" class="btn btn-primary">Hablemos</a>
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro"> <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-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> <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>