esencia natural academy

<style> *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{ --fondo: #F7F5ED; --verde-botanico: #5E7D4D; --verde-salvia: #8BA86E; --dorado: #B89A5D; --texto: #374229; --blanco: #FFFFFF; --borde: rgba(94, 125, 77, 0.15); } .esencia-landing { font-family:'Inter',sans-serif; font-size:16px; line-height:1.65; color:var(--texto); background:var(--fondo); overflow-x:hidden; -webkit-font-smoothing:antialiased; } .esencia-landing h1, .esencia-landing h2, .esencia-landing h3, .esencia-landing .serif { font-family:'Playfair Display',serif; } .esencia-landing a {text-decoration:none;color:inherit} .esencia-landing img {display:block;max-width:100%;height:auto} /* BOTÓN PREMIUM */ .btn-pulse{display:inline-block;background:var(--dorado);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:17px;padding:18px 32px;border-radius:8px;cursor:pointer;border:none;text-align:center;box-shadow:0 10px 25px rgba(184, 154, 93, 0.3);transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:0.05em;text-transform:uppercase;width:100%;} .btn-pulse::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-100%);transition:transform .5s ease} .btn-pulse:hover::after{transform:translateX(100%)} .btn-pulse:hover{box-shadow:0 15px 35px rgba(184, 154, 93, 0.4);transform:translateY(-2px);} .btn-pulse:active{transform:translateY(0);} /* ESCASEZ - VIENDO AHORA */ .viendo-ahora{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(184,154,93,.1);border:1px solid var(--dorado);border-radius:6px;padding:7px 14px;margin-bottom:14px} .viendo-dot{width:8px;height:8px;border-radius:50%;background:#EF4444;animation:blink 1.5s infinite;flex-shrink:0} @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}} .viendo-txt{color:var(--texto);font-size:13px;font-weight:600} .viendo-txt strong{color:var(--verde-botanico)} /* HERO */ .hero{position:relative;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;padding:60px 20px 50px;background:radial-gradient(ellipse at top, #ffffff 0%, var(--fondo) 80%);} .hero-kicker{position:relative;color:var(--verde-salvia);font-size:14px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px} .hero h1{position:relative;font-weight:800;color:var(--texto);max-width:48rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin-bottom:24px} .hero h1 span{color:var(--dorado);font-style:italic;} .hero-sub{font-size:clamp(16px,2.5vw,19px);max-width:40rem;line-height:1.65;margin-bottom:20px;color:rgba(55, 66, 41, 0.85)} .hero-img-wrap{ position:relative; width:100%; max-width:720px; margin:20px auto 30px; border-radius:28px; overflow:hidden; background:#fff; padding:18px; box-shadow: 0 30px 80px rgba(0,0,0,.10), 0 10px 35px rgba(94,125,77,.18); } .hero-pills{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px;color:var(--verde-botanico)} .hero-pills .div{width:4px;height:4px;border-radius:50%;background:var(--verde-salvia)} .hero .btn-pulse{max-width:460px;margin-bottom:15px} .hero-trust{color:var(--verde-salvia);font-size:13px;letter-spacing:.04em;margin-top: 10px;} /* STATS */ .stats-sec{width:100%;padding:48px 20px;background:var(--blanco);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);} .stats-inner{position:relative;max-width:60rem;margin:0 auto} .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} @media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}} .stat-card{text-align:center;padding:24px 12px;border-radius:8px;background:var(--fondo);border:1px solid var(--borde)} .stat-num{font-size:clamp(28px,6vw,42px);font-weight:800;color:var(--verde-botanico);line-height:1;margin-bottom:8px;font-family:'Playfair Display',serif;} .stat-lbl{color:var(--texto);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase} /* PROBLEMAS */ .prob-sec{width:100%;padding:60px 20px} .prob-inner{max-width:46rem;margin:0 auto} .sec-head{text-align:center;margin-bottom:40px} .sec-head h2{font-size:clamp(24px,4.5vw,36px);font-weight:700;color:var(--texto);line-height:1.2} .sec-head h2 span{color:var(--dorado);font-style:italic;} .prob-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px} .prob-item{display:flex;align-items:flex-start;gap:16px;background:var(--blanco);border:1px solid var(--borde);border-radius:8px;padding:24px;box-shadow:0 4px 15px rgba(0,0,0,0.02);transition:transform .3s} .prob-item:hover{transform:translateY(-2px);border-color:var(--dorado);} .prob-x{flex-shrink:0;font-size:24px;line-height:1;color:var(--dorado);} .prob-txt{color:var(--texto);font-size:17px;line-height:1.6} /* SOLUCIÓN */ .solucion-sec{width:100%;background:var(--verde-botanico);padding:80px 20px;color:var(--fondo)} .solucion-inner{max-width:50rem;margin:0 auto;text-align:center} .solucion-inner h2{font-size:clamp(32px,7vw,48px);font-weight:700;color:var(--dorado);margin-bottom:16px} .solucion-inner h3{font-size:clamp(20px,4vw,26px);font-weight:400;color:var(--fondo);margin-bottom:32px;font-family:'Inter',sans-serif;line-height:1.5;} .sol-highlight{font-size:22px;font-family:'Playfair Display',serif;font-style:italic;margin-bottom:40px;color:var(--dorado);} .sol-features{display:grid;grid-template-columns:1fr;gap:12px;max-width:40rem;margin:0 auto} @media(min-width:640px){.sol-features{grid-template-columns:repeat(2,1fr)}} .sol-feat{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--fondo);font-size:15px;padding:16px;border-radius:8px;text-align:left;display:flex;align-items:center;gap:12px;} /* QUÉ INCLUYE */ .recibis-sec{width:100%;padding:80px 20px;background:var(--blanco)} .recibis-inner{max-width:48rem;margin:0 auto} .recibis-inner h2{font-size:clamp(28px,6vw,40px);font-weight:700;color:var(--texto);text-align:center;margin-bottom:40px} .recibis-inner h2 span{color:var(--verde-botanico);} .tomos-box{background:var(--fondo);border:1px solid var(--borde);border-radius:12px;padding:32px;margin-bottom:24px} .tomos-box-title h3{color:var(--dorado);font-size:22px;text-align:center;margin-bottom:24px} .tomo-row{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--borde);} .tomo-row:last-child{border-bottom:none;padding-bottom:0;} .tomo-row-content p:first-child{font-weight:700;font-size:18px;color:var(--texto);margin-bottom:4px;} .tomo-row-content p:last-child{color:rgba(55, 66, 41, 0.8);} /* BONOS */ .bonos-sec{width:100%;background:var(--fondo);padding:80px 20px} .bonos-inner{max-width:48rem;margin:0 auto} .bonos-inner h2{font-size:clamp(28px,5vw,40px);font-weight:700;text-align:center;margin-bottom:40px} .bonos-box{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.03);} .bono-row{display:flex;flex-direction:column;padding:24px;border-bottom:1px solid var(--borde);gap:16px;} @media(min-width:640px){.bono-row{flex-direction:row;align-items:center;}} .bono-row-icon{font-size:32px; flex-shrink: 0;} .bono-row-texts{flex: 1;} .bono-row-texts h3{font-size:18px;font-family:'Inter',sans-serif;font-weight:700;margin-bottom:4px;} .bono-precio-gratis{color:var(--verde-botanico);font-weight:700;font-size:14px;background:rgba(94, 125, 77, 0.1);padding:4px 12px;border-radius:20px;display:inline-block;margin-top:8px;} /* AJUSTE DE IMÁGENES DE BONOS ESTILO KINESIOACTIVA */ .bono-img-wrap{ width:100%; max-width:250px; flex-shrink:0; border-radius:12px; overflow:hidden; background:#FFFFFF; padding:8px; box-shadow:0 10px 25px rgba(0,0,0,.08); margin: 0 auto; } @media(min-width:640px){ .bono-img-wrap{margin: 0;} } .bono-img-wrap img{ width:100%; display:block; border-radius:8px; object-fit: contain; } /* URGENCIA BANNER */ .urgencia-banner{width:100%;padding:20px 20px;background:var(--verde-botanico);border-top:1px solid var(--verde-salvia);border-bottom:1px solid var(--verde-salvia);text-align:center} .urgencia-inner{max-width:32rem;margin:0 auto} .urgencia-label{color:var(--fondo);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px} .countdown-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px} .countdown-block{display:flex;flex-direction:column;align-items:center;background:var(--texto);border:1px solid var(--dorado);border-radius:8px;padding:10px 16px;min-width:65px;box-shadow: 0 4px 15px rgba(0,0,0,0.2);} .countdown-num{font-size:clamp(28px,6vw,40px);font-weight:800;color:var(--dorado);line-height:1;font-variant-numeric:tabular-nums;font-family:'Inter',sans-serif;} .countdown-lbl{color:var(--fondo);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:4px} .countdown-sep{font-size:32px;font-weight:800;color:var(--dorado);margin-bottom:16px} .urgencia-aviso{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:8px 16px} .urgencia-aviso span{font-size:14px;font-weight:600;color:var(--fondo)} .urgencia-aviso strong{color:var(--dorado)} /* RESUMEN DE COMPRA Y CUPOS */ .compra-sec{width:100%;padding:60px 20px;background:var(--blanco)} .compra-inner{max-width:36rem;margin:0 auto;text-align:center} .compra-inner h2{font-size:clamp(24px,5vw,32px);font-weight:700;color:var(--texto);margin-bottom:30px;} .price-card{background:var(--fondo);border:2px solid var(--dorado);border-radius:12px;padding:40px 30px;position:relative;box-shadow:0 20px 50px rgba(184, 154, 93, 0.15);} .price-card-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--verde-botanico);color:#fff;font-size:12px;font-weight:700;padding:8px 24px;border-radius:20px;letter-spacing:.05em;white-space:nowrap;} /* RANURA DE IMAGEN AGREGADA */ .price-card-img{width:100%;max-width:280px;margin:14px auto 20px;border-radius:10px;overflow:hidden;} .price-card-img img{width:100%;display:block;border-radius:10px;} .price-card h3{font-size:22px;margin-bottom:8px;color:var(--verde-botanico);} .price-big{font-size:56px;font-weight:700;color:var(--texto);font-family:'Playfair Display',serif;line-height:1;margin:15px 0;} .resumen-oferta{background:var(--blanco);border-radius:8px;padding:20px;text-align:left;margin-bottom:20px;} .inc-lista{list-style:none;display:flex;flex-direction:column;gap:12px;} .inc-lista li{font-size:15px;display:flex;align-items:flex-start;gap:12px;color:var(--texto);} .inc-lista li span{color:var(--dorado);font-weight:bold;} /* BARRA DE CUPOS */ .cupos-wrap{background:var(--blanco);border:1px solid var(--borde);border-radius:8px;padding:16px;margin-bottom:24px;text-align:left;} .cupos-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .cupos-dot{display:inline-flex;align-items:center;gap:6px;color:#EF4444;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em} .cupos-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:#EF4444;animation:blink 1.2s infinite} .cupos-badge{background:rgba(239,68,68,.1);color:#EF4444;font-size:12px;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em} .cupos-bar-bg{width:100%;height:12px;background:rgba(0,0,0,.06);border-radius:9999px;overflow:hidden} .cupos-bar-fill{height:100%;border-radius:9999px;position:relative;background:linear-gradient(90deg,#EF4444,#F97316);width:78%;animation:fill-anim .8s ease-out forwards} @keyframes fill-anim{from{width:0}to{width:78%}} .cupos-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px} .cupos-footer span{color:var(--texto);font-size:13px;font-weight:600;opacity:0.8} .cupos-footer strong{color:#EF4444;font-size:13px;font-weight:800} /* TESTIMONIOS */ .tests-sec{width:100%;background:var(--blanco);padding:80px 20px} .tests-inner{max-width:55rem;margin:0 auto} .tests-inner h2{font-size:clamp(28px,5vw,40px);font-weight:700;text-align:center;margin-bottom:12px;color:var(--texto);} .tests-sub{text-align:center;color:var(--verde-salvia);margin-bottom:40px;font-size:18px;} .tests-grid{display:grid;grid-template-columns:1fr;gap:20px;} @media(min-width:640px){.tests-grid{grid-template-columns:repeat(3,1fr)}} .test-card{background:var(--fondo);border:1px solid var(--borde);border-radius:12px;padding:24px;box-shadow:0 10px 20px rgba(0,0,0,0.02);} .test-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;} .test-av-wrap{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--dorado);flex-shrink:0;} .test-name{font-weight:700;font-size:16px;color:var(--texto);} .test-stars{color:var(--dorado);font-size:14px;} .test-quote{color:var(--texto);font-size:15px;font-style:italic;line-height:1.6;} /* GARANTÍA */ .garantia-sec{width:100%;background:var(--verde-salvia);padding:60px 20px;color:var(--blanco);text-align:center;} .garantia-inner{max-width:40rem;margin:0 auto;} .garantia-ico{font-size:48px;margin-bottom:20px;} .garantia-inner h2{font-size:clamp(24px,5vw,36px);font-weight:700;margin-bottom:16px;font-family:'Playfair Display',serif;} .garantia-box{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:30px;margin-bottom:20px;} .garantia-100{font-size:24px;font-weight:700;color:var(--fondo);margin:16px 0;} /* FAQ */ .faq-sec{width:100%;background:var(--fondo);padding:80px 20px} .faq-inner{max-width:42rem;margin:0 auto} .faq-inner h2{font-size:clamp(28px,5vw,40px);font-weight:700;text-align:center;margin-bottom:40px;color:var(--texto);} .faq-item{border-bottom:1px solid var(--borde);padding:16px 0;} .faq-btn{width:100%;text-align:left;background:none;border:none;font-size:18px;font-weight:600;color:var(--texto);cursor:pointer;display:flex;justify-content:space-between;align-items:center;} .faq-resp{font-size:16px;color:rgba(55, 66, 41, 0.8);margin-top:12px;line-height:1.6;display:none;} .faq-item.open .faq-resp{display:block;} /* POPUP COMPRA VERIFICADA */ .notif{position:fixed;bottom:20px;left:20px;z-index:50;background:var(--blanco);border:1px solid var(--dorado);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.12);padding:14px 16px;max-width:320px;transform:translateX(-150%);opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)} .notif.show{transform:translateX(0);opacity:1;visibility:visible} .notif-top{display:flex;align-items:center;gap:8px;margin-bottom:10px} .notif-dot{width:8px;height:8px;background:var(--verde-botanico);border-radius:50%;animation:blink 1.5s infinite} .notif-label{color:var(--verde-botanico);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .notif-body{display:flex;align-items:center;gap:12px} .notif-foto{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--dorado);flex-shrink:0} .notif-foto img{width:100%;height:100%;object-fit:cover;display:block} .notif-texts{line-height:1.3;} .notif-name{color:var(--texto);font-size:14px;font-weight:800;margin-bottom:2px} .notif-prod{color:rgba(55,66,41,.85);font-size:13px} .notif-prod strong{color:var(--verde-salvia)} .notif-time{color:rgba(55,66,41,.6);font-size:12px;margin-top:4px;font-weight:500;} </style> <div class="esencia-landing">  <section class="hero"> <p class="hero-kicker">🌿 ESENCIA NATURAL ACADEMY™</p> <h1>Aprende a fabricar productos de cosmética natural que las personas <span>aman comprar</span> en solo 7 días...</h1> <p class="hero-sub"> ...aunque hoy no tengas experiencia, para que puedas comenzar un negocio rentable desde casa utilizando ingredientes fáciles de conseguir. </p> <div class="hero-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/PORTADAORIGINAL.webp?v=1781997033" alt="Aprende a Crear Jabones y Cosmética Natural Desde Casa" loading="eager" width="700" height="700"> </div>  <div class="viendo-ahora"> <div class="viendo-dot"></div> <p class="viendo-txt"><strong id="viendo-num">37</strong> personas están viendo esto ahora</p> </div> <div class="hero-pills"> <span>✨ Estética Premium</span><span class="div"></span> <span>🌿 Origen Botánico</span><span class="div"></span> <span>💻 Curso en Video</span> </div> <a href="#comprar" class="btn-pulse">SÍ, QUIERO CREAR MI MARCA AHORA</a> <p class="hero-trust">🔒 Pago 100% seguro · Acceso inmediato</p> </section>  <section class="stats-sec"> <div class="stats-inner"> <div class="stats-grid"> <div class="stat-card"> <div class="stat-num">7</div> <div class="stat-lbl">Días de aprendizaje</div> </div> <div class="stat-card"> <div class="stat-num">5</div> <div class="stat-lbl">Bonos Exclusivos</div> </div> <div class="stat-card"> <div class="stat-num">100%</div> <div class="stat-lbl">Desde casa</div> </div> <div class="stat-card"> <div class="stat-num">⭐</div> <div class="stat-lbl">Alta Rentabilidad</div> </div> </div> </div> </section>  <section class="prob-sec"> <div class="prob-inner"> <div class="sec-head"> <h2>Sabemos exactamente<br><span>cómo te sientes hoy:</span></h2> </div> <div class="prob-list"> <div class="prob-item"> <span class="prob-x">✦</span> <p class="prob-txt">Quieres generar ingresos sin salir de casa, pero no encuentras el modelo adecuado.</p> </div> <div class="prob-item"> <span class="prob-x">✦</span> <p class="prob-txt">No sabes cómo empezar a emprender y te abruma la falta de experiencia técnica.</p> </div> <div class="prob-item"> <span class="prob-x">✦</span> <p class="prob-txt">Tienes miedo de fracasar o perder tu dinero en cursos que no te enseñan la realidad del mercado.</p> </div> <div class="prob-item"> <span class="prob-x">✦</span> <p class="prob-txt">Necesitas sentirte útil, con creatividad y estar orgulloso/a de lo que tus propias manos pueden crear.</p> </div> <div class="prob-item"> <span class="prob-x">✦</span> <p class="prob-txt">Sueñas con tener un negocio propio que te dé verdadera independencia financiera y libertad.</p> </div> </div> </div> </section>  <section class="solucion-sec"> <div class="solucion-inner"> <h2>Esencia Natural Academy™</h2> <h3>No solo aprenderás a crear cosmética natural; descubrirás una habilidad que puede darte más confianza, independencia y la oportunidad de construir un negocio propio desde casa.</h3> <p class="sol-highlight">"Esto lo hice yo. Y alguien pagó por ello."</p> <div class="sol-features"> <div class="sol-feat">🌿 Formación profesional paso a paso</div> <div class="sol-feat">💎 Acabados premium en cada producto</div> <div class="sol-feat">📊 Enfoque 100% en rentabilidad</div> <div class="sol-feat">🧴 Ingredientes fáciles de conseguir</div> </div> </div> </section>  <section class="recibis-sec"> <div class="recibis-inner"> <h2>Todo lo que incluye tu <span>Programa</span></h2> <div class="tomos-box"> <div class="tomos-box-title"><h3>CURSO VIRTUAL EN VIDEO</h3></div> <div class="tomo-row"> <div class="tomo-row-content"> <p>Línea Capilar y Cosmética Completa</p> <p>Aprende a crear desde cero champús naturales, acondicionadores, alisados orgánicos, alisados permanentes, tónicos capilares, línea para rizos, mascarillas, tratamientos de recuperación, perfumes capilares y bótox capilar.</p> </div> </div> </div> </div> </section>  <section class="bonos-sec"> <div class="bonos-inner"> <h2>Más <span>5 Bonos de Regalo</span> Exclusivos</h2> <div class="bonos-box">  <div class="bono-row"> <div class="bono-row-icon">🌸</div> <div class="bono-row-texts"> <h3>Bono #1: Rutinas Faciales Origen Botánico</h3> <span class="bono-precio-gratis">INCLUIDO HOY</span> </div> <div class="bono-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/WhatsApp-Image-2026-06-20-at-6.43.59-PM.webp?v=1781999525" alt="Bono 1" loading="lazy"> </div> </div>  <div class="bono-row"> <div class="bono-row-icon">✨</div> <div class="bono-row-texts"> <h3>Bono #2: Lanza tu Marca de Cosmética Natural</h3> <span class="bono-precio-gratis">INCLUIDO HOY</span> </div> <div class="bono-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/WhatsApp-Image-2026-06-20-at-7.04.48-PM.webp?v=1782000530" alt="Bono 2" loading="lazy"> </div> </div>  <div class="bono-row"> <div class="bono-row-icon">🌿</div> <div class="bono-row-texts"> <h3>Bono #3: Secretos de la Aromaterapia</h3> <span class="bono-precio-gratis">INCLUIDO HOY</span> </div> <div class="bono-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/WhatsApp-Image-2026-06-20-at-8.44.42-PM.webp?v=1782006606" alt="Bono 3" loading="lazy"> </div> </div>  <div class="bono-row"> <div class="bono-row-icon">💧</div> <div class="bono-row-texts"> <h3>Bono #4: Combinaciones para un Cabello Saludable</h3> <span class="bono-precio-gratis">INCLUIDO HOY</span> </div> <div class="bono-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/WhatsApp-Image-2026-06-20-at-8.59.34-PM.webp?v=1782007392" alt="Bono 4" loading="lazy"> </div> </div>  <div class="bono-row"> <div class="bono-row-icon">📊</div> <div class="bono-row-texts"> <h3>Bono #5: Controla tus Finanzas en Excel</h3> <span class="bono-precio-gratis">INCLUIDO HOY</span> </div> <div class="bono-img-wrap"> <img src="https://cdn.shopify.com/s/files/1/0771/3977/1439/files/WhatsApp-Image-2026-06-20-at-9.11.18-PM.webp?v=1782008001" alt="Bono 5" loading="lazy"> </div> </div> </div> </div> </section>  <div class="urgencia-banner"> <div class="urgencia-inner"> <p class="urgencia-label">⚠️ Oferta de lanzamiento por tiempo limitado</p> <div class="countdown-wrap"> <div class="countdown-block"> <span class="countdown-num" id="cd-min">14</span><span class="countdown-lbl">min</span> </div> <span class="countdown-sep">:</span> <div class="countdown-block"> <span class="countdown-num" id="cd-seg">59</span><span class="countdown-lbl">seg</span> </div> </div> <div class="urgencia-aviso"><span>⚡ Después vuelve a <strong>su precio normal</strong>.</span></div> </div> </div>  <section class="compra-sec" id="comprar"> <div class="compra-inner"> <h2>Estás a un paso de crear tu propia marca</h2> <div class="price-card"> <div class="price-card-badge">OFERTA ÚNICA DE LANZAMIENTO</div>  <div class="price-card-img">  <img src="https://via.placeholder.com/400x300/F7F5ED/5E7D4D?text=Inserta+tu+Mockup+AQUI" alt="Pack Completo Esencia Natural" loading="lazy"> </div> <h3>ESENCIA NATURAL ACADEMY™</h3> <div class="resumen-oferta"> <ul class="inc-lista"> <li><span>✓</span> <strong>Programa Completo:</strong> Creación de Línea Capilar y Cosmética</li> <li><span>✓</span> <strong>Bono 1:</strong> Rutinas Faciales Origen Botánico</li> <li><span>✓</span> <strong>Bono 2:</strong> Lanza tu Marca de Cosmética Natural</li> <li><span>✓</span> <strong>Bono 3:</strong> Secretos de la Aromaterapia</li> <li><span>✓</span> <strong>Bono 4:</strong> Combinaciones Cabello Saludable</li> <li><span>✓</span> <strong>Bono 5:</strong> Plantilla de Finanzas en Excel</li> </ul> </div> <div class="price-big">$39.900</div>  <div class="cupos-wrap"> <div class="cupos-head"> <span class="cupos-dot">Precio de lanzamiento</span> <span class="cupos-badge">Quedan pocos</span> </div> <div class="cupos-bar-bg"><div class="cupos-bar-fill"></div></div> <div class="cupos-footer"> <span>Disponibilidad limitada</span> <strong>78% tomados</strong> </div> </div>  <a href="ENLACE_A_TU_CHECKOUT" class="btn-pulse">SÍ, QUIERO ACCEDER AL PROGRAMA AHORA</a> <div style="margin-top: 24px; font-size: 14px; color: var(--verde-salvia); display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;"> <span>🔒 Pago Seguro</span> <span>⚡ Acceso Inmediato</span> <span>🛡️ Garantía 7 Días</span> </div> </div> </div> </section>  <section class="tests-sec"> <div class="tests-inner"> <h2>Lo que dicen nuestros estudiantes</h2> <p class="tests-sub">Personas reales creando negocios rentables desde casa.</p> <div class="tests-grid"> <div class="test-card"> <div class="test-head"> <div class="test-av-wrap"><img src="https://i.pravatar.cc/100?img=44" alt="Estudiante"></div> <div> <div class="test-name">Andrea G.</div> <div class="test-stars">★★★★★</div> </div> </div> <p class="test-quote">"Empecé desde cero, sin saber nada de ingredientes. Las explicaciones son tan claras que en mi primera semana ya vendí mis primeros champús sólidos a mis conocidos."</p> </div> <div class="test-card"> <div class="test-head"> <div class="test-av-wrap"><img src="https://i.pravatar.cc/100?img=11" alt="Estudiante"></div> <div> <div class="test-name">Camilo M.</div> <div class="test-stars">★★★★★</div> </div> </div> <p class="test-quote">"El bono de finanzas y lanzamiento de marca es lo que marca la diferencia. No solo te enseñan a hacer productos excelentes, te enseñan a venderlos como un profesional."</p> </div> <div class="test-card"> <div class="test-head"> <div class="test-av-wrap"><img src="https://i.pravatar.cc/100?img=32" alt="Estudiante"></div> <div> <div class="test-name">Valeria R.</div> <div class="test-stars">★★★★★</div> </div> </div> <p class="test-quote">"Poder decir 'esto lo hice yo' y que además te paguen por ello es la mejor sensación. La calidad de las fórmulas capilares es nivel premium, mis clientes están fascinados."</p> </div> </div> </div> </section>  <section class="garantia-sec"> <div class="garantia-inner"> <div class="garantia-ico">🛡️</div> <h2>Garantía de Satisfacción de 7 Días</h2> <div class="garantia-box"> <p>Entra al programa, revisa el contenido y comienza a aplicar las fórmulas. Si por alguna razón sientes que este curso no es para ti, tienes 7 días completos para solicitar la devolución de tu dinero.</p> <p class="garantia-100">Te devolvemos el 100% de tu inversión.</p> <p>Sin preguntas, sin complicaciones y sin resentimientos.</p> </div> </div> </section>  <section class="faq-sec"> <div class="faq-inner"> <h2>Preguntas Frecuentes</h2> <div class="faq-item"> <button class="faq-btn" onclick="openFaq(this)">¿Necesito experiencia previa para empezar? <span>+</span></button> <div class="faq-resp">No. El curso está diseñado desde cero. Te enseñaremos paso a paso cada proceso, desde la selección de ingredientes hasta el empaque final, para que puedas lograr resultados profesionales aunque nunca hayas hecho un producto cosmético.</div> </div> <div class="faq-item"> <button class="faq-btn" onclick="openFaq(this)">¿Los ingredientes son difíciles de conseguir? <span>+</span></button> <div class="faq-resp">Para nada. Te enseñaremos a utilizar ingredientes de fácil acceso que puedes encontrar en tiendas de insumos naturales locales o comprar fácilmente por internet, manteniendo siempre el estándar premium.</div> </div> <div class="faq-item"> <button class="faq-btn" onclick="openFaq(this)">¿Por cuánto tiempo tendré acceso al curso? <span>+</span></button> <div class="faq-resp">Al adquirir el programa hoy, tendrás acceso inmediato y de por vida a todo el contenido en video, incluyendo los 5 bonos de regalo y cualquier actualización futura de las fórmulas.</div> </div> <div class="faq-item"> <button class="faq-btn" onclick="openFaq(this)">¿Recibiré los bonos inmediatamente? <span>+</span></button> <div class="faq-resp">Sí, en cuanto se confirme tu pago, recibirás en tu correo electrónico el acceso al área de miembros donde encontrarás el curso principal y todos los bonos listos para descargar y estudiar.</div> </div> </div> </section>  <div id="notif" class="notif"> <div class="notif-top"> <div class="notif-dot"></div> <span class="notif-label">Compra verificada</span> </div> <div class="notif-body"> <div class="notif-foto"><img id="n-img" src="" alt="" width="48" height="48"></div> <div class="notif-texts"> <p class="notif-name" id="n-name"></p> <p class="notif-prod">compró <strong>Esencia Natural Academy™</strong></p> <p class="notif-time" id="n-time"></p> </div> </div> </div> </div> <script> // Acordeón de FAQ function openFaq(btn){ var item=btn.parentElement,open=item.classList.contains('open'); document.querySelectorAll('.faq-item.open').forEach(function(el){ el.classList.remove('open'); el.querySelector('button span').textContent = '+'; }); if(!open){ item.classList.add('open'); btn.querySelector('span').textContent = '-'; } } // Contador de Urgencia (15 min en bucle) (function(){ var key='cd_esencia_end'; var stored=sessionStorage.getItem(key); var endTime=stored?parseInt(stored):Date.now()+15*60*1000; if(!stored)sessionStorage.setItem(key,endTime); var elMin=document.getElementById('cd-min'); var elSeg=document.getElementById('cd-seg'); function tick(){ var rem=Math.max(0,endTime-Date.now()); var m=Math.floor(rem/60000),s=Math.floor((rem%60000)/1000); if(elMin)elMin.textContent=String(m).padStart(2,'0'); if(elSeg)elSeg.textContent=String(s).padStart(2,'0'); if(rem<=0){ endTime=Date.now()+15*60*1000; sessionStorage.setItem(key,endTime); } } tick(); setInterval(tick,1000); })(); // Simulador de Personas Viendo (function(){ var el=document.getElementById('viendo-num'); if(!el)return; var base=32+Math.floor(Math.random()*14); el.textContent=base; setInterval(function(){ var n=parseInt(el.textContent||base,10); var delta=Math.random()>.5?1:-1; n=Math.max(24,Math.min(49,n+delta)); el.textContent=n; },4500); })(); // Notificaciones (Popup de Compra) (function(){ var notif=document.getElementById('notif'); if(!notif)return; var people=[ {n:'María Camila G.',img:'https://i.pravatar.cc/80?img=44',t:'hace 2 minutos'}, {n:'Valentina L.',img:'https://i.pravatar.cc/80?img=20',t:'hace 5 minutos'}, {n:'Laura P.',img:'https://i.pravatar.cc/80?img=47',t:'hace 8 minutos'}, {n:'Ana María R.',img:'https://i.pravatar.cc/80?img=32',t:'hace 11 minutos'}, {n:'Diana M.',img:'https://i.pravatar.cc/80?img=10',t:'hace 14 minutos'} ]; var i=0; function showNotif(){ var p=people[i%people.length]; document.getElementById('n-name').textContent=p.n; document.getElementById('n-img').src=p.img; document.getElementById('n-img').alt=p.n; document.getElementById('n-time').textContent=p.t; notif.classList.add('show'); setTimeout(function(){notif.classList.remove('show')},5200); i++; } setTimeout(showNotif,5000); setInterval(showNotif,18000); })(); </script>