Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>El arte de elaborar ungüentos naturales — Ebook</title>
<meta name="description" content="Aprende a elaborar ungüentos naturales en casa: recetas, paso a paso y bonos. Ebook 100% natural. Oferta: $6.90" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<style>
:root{
--green-700:#2f855a;
--green-500:#38a169;
--beige:#f3ead6;
--cream:#fffaf0;
--dark:#1a202c;
--muted:#6b7280;
--accent:#2b6cb0;
--max-w:1100px;
font-family: 'Inter', system-ui, -apple-system, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
body{margin:0;color:var(--dark);background:linear-gradient(180deg,var(--cream),#ffffff);-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-w);margin:0 auto;padding:24px}
.alert{background:#e53e3e;color:#fff;padding:8px 0;text-align:center;font-weight:700;border-radius:8px}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}
.logo{display:flex;gap:12px;align-items:center}
.logo .mark{width:44px;height:44px;background:var(--green-700);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.hero{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center;padding:32px 0}
.headline{font-size:40px;line-height:1.02;font-weight:800;color:var(--green-700);margin:0}
.subheadline{font-size:20px;color:var(--dark);margin:12px 0}
.pricebox{display:flex;gap:12px;align-items:center;margin-top:18px}
.oldprice{text-decoration:line-through;color:var(--muted);font-weight:600}
.newprice{background:var(--green-700);color:#fff;padding:10px 18px;border-radius:10px;font-weight:800}
.cta{margin-top:20px}
.btn{background:var(--green-500);color:#fff;padding:14px 18px;border-radius:10px;border:0;font-weight:700;cursor:pointer}
.subsmall{font-size:13px;color:var(--muted);margin-top:6px}
.card{background:var(--beige);padding:18px;border-radius:14px;box-shadow:0 6px 20px rgba(18,23,16,0.06)}
.section{padding:48px 0;border-top:1px solid rgba(20,20,20,0.03)}
.center{text-align:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature{background:#fff;padding:18px;border-radius:10px;box-shadow:0 4px 16px rgba(2,6,23,0.04);text-align:left}
.feature h4{margin:0 0 8px 0;color:var(--green-700)}
.flex{display:flex;gap:16px;align-items:center}
.muted{color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.compare{display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:18px;border-radius:12px}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.testimonial{background:#fff;padding:14px;border-radius:10px;text-align:left}
footer{padding:36px 0;color:var(--muted);font-size:14px;text-align:center}
/* Accordion */
.accordion{max-width:900px;margin:0 auto}
.acc-item{border-bottom:1px solid rgba(0,0,0,0.05)}
.acc-q{padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.acc-a{padding:0 14px 16px 14px;display:none;color:var(--muted)}
/* Responsive */
@media (max-width:980px){
.hero{grid-template-columns:1fr;}
.two-col{grid-template-columns:1fr}
.grid-4{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:1fr}
.bonus-grid{grid-template-columns:1fr}
}
</style>
</head>
<body>
<div class="alert">¡El método más fácil y rápido del mercado!</div>
<div class="container">
<header>
<div class="logo">
<div class="mark">E</div>
<div>
<div style="font-weight:800">El arte de elaborar ungüentos naturales</div>
<div class="muted" style="font-size:13px">Ebook práctico • 100% natural</div>
</div>
</div>
<nav class="muted"> <!-- placeholder for links -->
<a href="#beneficios" style="color:var(--green-700);text-decoration:none;font-weight:700">Beneficios</a>
</nav>
</header>
<!-- HERO -->
<section class="hero">
<div>
<h1 class="headline">¡APRENDE A HACER UNGÜENTOS NATURALES EN CASA!</h1>
<p class="subheadline">Aprende a elaborar ungüentos caseros con ingredientes naturales.</p>
<div class="pricebox">
<div class="oldprice">$9.90</div>
<div class="newprice">$6.90</div>
<div class="muted" style="font-size:13px">Pago único • Acceso inmediato</div>
</div>
<div class="cta">
<button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button>
<div class="subsmall">Acceso digital inmediato. Garantía de 7 días.</div>
</div>
<div style="margin-top:18px;font-size:14px;color:var(--muted)">
<strong>¿Qué resuelve?</strong>
<ul style="margin:8px 0 0 18px">
<li>Heridas que tardan en curarse</li>
<li>Quemaduras leves</li>
<li>Picaduras, irritaciones y rojeces</li>
<li>Dolor corporal y articular</li>
<li>Talones agrietados y labios sensibles</li>
</ul>
</div>
</div>
<aside class="card">
<div style="text-align:center">
<div style="height:260px;background:linear-gradient(180deg,var(--green-500),var(--green-700));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px">Portada del Ebook</div>
<h3 style="margin:12px 0 0 0">El arte de elaborar ungüentos naturales</h3>
<p class="muted" style="margin:6px 0 0 0">Guía práctica con recetas paso a paso</p>
<div style="margin-top:12px">
<button class="btn" onclick="scrollTo('#compra')">Obtener el ebook $6.90</button>
</div>
</div>
</aside>
</section>
<!-- IDENTIFICACIÓN -->
<section class="section center">
<h2 style="margin:0">¿Te ha pasado algo así?</h2>
<p class="muted">Estas son algunas preguntas que recibimos a diario</p>
<div style="max-width:780px;margin:18px auto;text-align:left">
<ul>
<li>¿Heridas que tardan mucho en curarse?</li>
<li>¿Quemaduras leves en casa?</li>
<li>¿Nariz tapada y sensación de pesadez?</li>
<li>¿Picaduras, picazón, enrojecimiento o irritación?</li>
<li>¿Dolor corporal o articular?</li>
<li>¿Talones agrietados y piernas pesadas?</li>
<li>¿Labios sensibles o dermatitis del pañal frecuente?</li>
</ul>
<p class="muted">No estás solo. Muchas personas no saben que con ingredientes sencillos pueden preparar ungüentos seguros y efectivos en casa. Sigue leyendo para descubrir cómo.</p>
<div style="text-align:center;margin-top:14px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</div>
</section>
<!-- ERRORES COMUNES -->
<section class="section">
<div class="two-col">
<div>
<h3>Aquí están los errores que te impiden lograr resultados:</h3>
<p class="muted">Veamos por qué muchas personas no consiguen alivio usando métodos caseros.</p>
<ul>
<li>No usar ingredientes adecuados o de calidad.</li>
<li>No seguir medidas y proporciones correctas.</li>
<li>Creer que se requiere equipo profesional.</li>
<li>Seguir recetas incompletas sin fundamento.</li>
<li>Desconocer métodos seguros de conservación.</li>
</ul>
<p class="muted">Con el ebook tendrás un paso a paso claro que elimina estos errores.</p>
<div style="margin-top:12px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</div>
<div>
<div style="height:240px;background:url('') center/cover no-repeat;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green-700);border:2px dashed rgba(47,133,90,0.12)">Imagen ilustrativa</div>
</div>
</div>
</section>
<!-- DIFERENCIALES -->
<section class="section center" id="beneficios">
<h3>¿Por qué este método es diferente de todo lo que has visto?</h3>
<p class="muted">Olvida lo que conocías, esto es práctico, seguro y natural.</p>
<div class="grid-4" style="margin-top:20px">
<div class="feature"><h4>Método 100% natural</h4><p class="muted">Solo hierbas y aceites naturales, sin químicos.</p></div>
<div class="feature"><h4>Fácil para principiantes</h4><p class="muted">Explicaciones claras paso a paso.</p></div>
<div class="feature"><h4>Recetas prácticas</h4><p class="muted">Fórmulas rápidas para necesidades cotidianas.</p></div>
<div class="feature"><h4>Ingredientes económicos</h4><p class="muted">Ahorra dinero usando plantas accesibles.</p></div>
<div class="feature"><h4>Apoyo familiar</h4><p class="muted">Soluciones aptas para todas las edades (con precauciones).</p></div>
<div class="feature"><h4>Medidas exactas</h4><p class="muted">Evita errores con proporciones testadas.</p></div>
<div class="feature"><h4>Resultados suaves</h4><p class="muted">Alivio sin agresiones para la piel.</p></div>
<div class="feature"><h4>Fácil conservación</h4><p class="muted">Consejos para mantener tu ungüento seguro por más tiempo.</p></div>
</div>
<div style="margin-top:18px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</section>
<!-- PARA QUIÉN -->
<section class="section">
<div class="two-col">
<div>
<h3>¿Para quién fue creado este ebook?</h3>
<p class="muted">Hicimos esta guía pensando en las necesidades reales de las familias.</p>
<ul>
<li>Personas que buscan alternativas naturales.</li>
<li>Padres que quieren cuidados seguros para sus hijos.</li>
<li>Personas con piel sensible o problemas recurrentes.</li>
<li>Quienes desean autonomía y ahorro en remedios caseros.</li>
</ul>
<div style="margin-top:12px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</div>
<div>
<div style="height:260px;background:linear-gradient(180deg,var(--beige),#fff);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green-700);font-weight:700">Imagen persona sonriente</div>
</div>
</div>
</section>
<!-- FRASE MARCANTE -->
<section class="section center">
<h2 style="font-size:34px;color:var(--green-700);margin:24px 0">"El conocimiento que puede transformar tu vida comienza aquí."</h2>
</section>
<!-- CÓMO FUNCIONA -->
<section class="section">
<div class="two-col">
<div>
<h3>Cómo funciona y cómo puedes tener resultados meteóricos</h3>
<p class="muted">Tendrás la forma más fácil y rápida para preparar ungüentos efectivos.</p>
<ul>
<li>Descarga inmediata del ebook.</li>
<li>Recetas organizadas por objetivo (heridas, quemaduras, congestión, etc.).</li>
<li>Instrucciones paso a paso con medidas exactas.</li>
<li>Consejos de seguridad y conservación.</li>
<li>Lista de compras y sustitutos de ingredientes.</li>
<li>Bonos prácticos para acelerar tu aprendizaje.</li>
<li>Soporte por email para dudas básicas.</li>
<li>Solo necesitas utensilios caseros simples.</li>
</ul>
<div style="margin-top:12px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</div>
<div>
<div style="height:260px;background:url('') center/cover no-repeat;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green-700);border:2px dashed rgba(47,133,90,0.12)">Imagen paso a paso</div>
</div>
</div>
</section>
<!-- PRINCIPALES DIFERENCIALES -->
<section class="section center">
<h3>Aquí están los principales diferenciales de este método:</h3>
<p class="muted">La única solución del mercado con estos diferenciales.</p>
<div class="grid-4" style="margin-top:18px">
<div class="feature"><h4>100% Natural</h4><p class="muted">Sin conservantes ni químicos agresivos.</p></div>
<div class="feature"><h4>Fácil</h4><p class="muted">Diseñado para principiantes.</p></div>
<div class="feature"><h4>Rápido</h4><p class="muted">Recetas que funcionan desde la primera aplicación.</p></div>
<div class="feature"><h4>Asequible</h4><p class="muted">Ingredientes económicos y fáciles de encontrar.</p></div>
</div>
<div style="margin-top:18px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</section>
<!-- COMPARATIVO -->
<section class="section">
<h3 class="center">Ve la diferencia de quien usa y quien no usa el método</h3>
<div class="compare" style="margin-top:12px">
<div>
<h4 class="muted">Sin el método</h4>
<ul class="muted">
<li>Dudas constantes</li>
<li>Gasto en productos caros</li>
<li>Resultados inconsistentes</li>
<li>Riesgo de irritaciones</li>
</ul>
</div>
<div>
<h4 style="color:var(--green-700)">Con el método</h4>
<ul>
<li>Recetas claras y seguras</li>
<li>Ahorro real</li>
<li>Resultados suaves y comprobados</li>
<li>Autonomía para toda la familia</li>
</ul>
</div>
</div>
<div style="text-align:center;margin-top:16px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
<div class="subsmall">Texto abajo del botón</div>
</section>
<!-- BONOS -->
<section class="section center">
<h3>Olha los bonos increíbles que recibirás hoy:</h3>
<p class="muted">Mucho más que un ebook: una solución completa.</p>
<div class="bonus-grid" style="margin-top:18px">
<div class="card">
<h4>Mini guía de hierbas esenciales</h4>
<p class="muted">Aprende qué hierbas usar y cómo prepararlas.</p>
<p style="margin-top:8px;text-decoration:line-through;color:var(--muted)">$4.90</p>
</div>
<div class="card">
<h4>Recetario rápido de ungüentos de emergencia</h4>
<p class="muted">Fórmulas para usar en situaciones urgentes.</p>
<p style="margin-top:8px;text-decoration:line-through;color:var(--muted)">$5.90</p>
</div>
<div class="card">
<h4>Lista de compras natural y económica</h4>
<p class="muted">Todo lo que necesitas para comenzar ya.</p>
<p style="margin-top:8px;text-decoration:line-through;color:var(--muted)">$3.90</p>
</div>
</div>
<div style="margin-top:18px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
</section>
<!-- TESTIMONIOS -->
<section class="section">
<div class="center">
<h3>Depoimentos reales de quienes ya usan el método</h3>
<p class="muted">El próximo caso de éxito será el tuyo</p>
</div>
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px">
<div class="testimonial">"Nunca imaginé que fuera tan fácil. Mi hijo dejó de sufrir con irritaciones."<div class="muted" style="margin-top:8px">—Laura, 34</div></div>
<div class="testimonial">"El ungüento para el dolor me cambió la vida. Totalmente recomendable."<div class="muted" style="margin-top:8px">—Carlos, 42</div></div>
<div class="testimonial">"Lo hice por primera vez y funcionó mejor que lo de farmacia."<div class="muted" style="margin-top:8px">—María, 29</div></div>
<div class="testimonial">"Amo lo natural, pero no sabía cómo empezar. Este ebook fue la solución."<div class="muted" style="margin-top:8px">—Ana, 38</div></div>
</div>
<div style="text-align:center;margin-top:18px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
</section>
<!-- RESUMO ENTREGA -->
<section class="section center">
<div style="max-width:780px;margin:0 auto">
<h3>Resumen de todo lo que recibirás hoy:</h3>
<ul style="text-align:left">
<li>Ebook: El arte de elaborar ungüentos naturales</li>
<li>Tres bonos exclusivos</li>
<li>Recetas paso a paso y lista de compras</li>
<li>Método 100% natural y medidas exactas</li>
</ul>
<p class="muted">Recibirás acceso y confirmación inmediatamente por email.</p>
</div>
</section>
<!-- CTA FINAL -->
<section class="section center" id="compra">
<div class="card" style="max-width:720px;margin:0 auto">
<h2 style="color:var(--green-700)">¡Es hora de avanzar! Inscríbete ahora</h2>
<p class="muted">Haz clic en el botón y asegura tu acceso con condición especial.</p>
<div class="flex" style="justify-content:center;margin-top:12px">
<div style="text-align:center">
<div class="oldprice">$9.90</div>
<div class="newprice" style="margin-top:6px">$6.90</div>
<div class="subsmall">Pago único • Garantía 7 días</div>
</div>
</div>
<div style="text-align:center;margin-top:18px">
<button class="btn" onclick="openCheckout()">Comprar ahora — $6.90</button>
</div>
<div style="margin-top:12px;text-align:center;color:var(--muted)">Compra segura • Reembolso 7 días</div>
</div>
</section>
<!-- GARANTÍA -->
<section class="section center">
<div style="max-width:720px;margin:0 auto">
<div style="background:#fff;padding:20px;border-radius:12px">
<h3>Aquí tienes seguridad total y 100% de garantía</h3>
<p class="muted">Prueba sin riesgos: si no quedas satisfecho, pide reembolso y recibirás tu dinero en 7 días.</p>
<div style="margin-top:12px"><button class="btn" onclick="scrollTo('#compra')">Sí, quiero esta solución ahora</button></div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section">
<div class="center"><h3>Preguntas frecuentes</h3><p class="muted">Aquí tienes las respuestas que necesitas para inscribirte.</p></div>
<div class="accordion" style="margin-top:12px">
<div class="acc-item">
<div class="acc-q" onclick="toggleAcc(this)">¿Qué formato tiene el producto? <span>+</span></div>
<div class="acc-a">El producto es un ebook en PDF descargable que recibirás por email tras la compra.</div>
</div>
<div class="acc-item">
<div class="acc-q" onclick="toggleAcc(this)">¿Es seguro para niños? <span>+</span></div>
<div class="acc-a">El ebook incluye precauciones y dosis. Consulta siempre con pediatra para menores de 2 años.</div>
</div>
<div class="acc-item">
<div class="acc-q" onclick="toggleAcc(this)">¿Necesito ingredientes difíciles de conseguir? <span>+</span></div>
<div class="acc-a">No. El enfoque usa hierbas y aceites fáciles de conseguir en tiendas naturistas o supermercados.</div>
</div>
<div class="acc-item">
<div class="acc-q" onclick="toggleAcc(this)">¿Puedo usar los ungüentos para quemaduras? <span>+</span></div>
<div class="acc-a">El ebook enseña recetas para quemaduras leves. Frente a quemaduras graves, consulta a un profesional.</div>
</div>
<div class="acc-item">
<div class="acc-q" onclick="toggleAcc(this)">¿Cuál es la política de reembolso? <span>+</span></div>
<div class="acc-a">Tienes 7 días para solicitar reembolso si no quedas satisfecho.</div>
</div>
</div>
</section>
<!-- SOBRE EL AUTOR -->
<section class="section center">
<h3>Sobre el autor</h3>
<p class="muted">(Agrega aquí tu mini bio, formación y experiencia relacionada con plantas medicinales y remedios caseros.)</p>
</section>
<footer>
© <span id="year"></span> • El arte de elaborar ungüentos naturales — Todos los derechos reservados
</footer>
</div>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
function scrollTo(sel){
const el = document.querySelector(sel);
if(!el) window.scrollTo({top:0,behavior:'smooth'});
else el.scrollIntoView({behavior:'smooth',block:'center'});
}
function toggleAcc(el){
const item = el.parentNode;
const answer = item.querySelector('.acc-a');
const open = answer.style.display === 'block';
// close others
document.querySelectorAll('.acc-a').forEach(a=>a.style.display='none');
if(!open) answer.style.display='block';
}
function openCheckout(){
alert('Aquí integras tu pasarela de pago o enlace de compra (Stripe, PayPal, Gumroad, etc.).');
// Ejemplo: window.location.href = 'https://tu-pasarela/checkout?product=ebook-unguentos';
}
</script>
</body>
</html>