<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400;700&display=swap" rel="stylesheet" />
<style>
:root {
--cream:#F7F0E6; --warm-white:#FDF9F3; --terracotta:#C8614A;
--dusty-rose:#D4A09A; --sage:#8FA89A; --slate-blue:#7A94A8;
--dark:#2C2320; --mid:#6B5A52;
}
*{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--dark);font-family:Lato,sans-serif;font-weight:300;line-height:1.75;overflow-x:hidden}
.announcement-bar{background:var(--terracotta);color:#fff;text-align:center;padding:10px 20px;font-size:.85rem;letter-spacing:.04em;font-weight:700}
.hero{background:linear-gradient(165deg,var(--warm-white) 0%,var(--cream) 55%,#EDE3D6 100%);padding:60px 20px 90px;text-align:center;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:55px;background:var(--cream);clip-path:ellipse(55% 100% at 50% 100%)}
.brand-tag{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mid);margin-bottom:20px}
.preventa-badge{display:inline-block;background:var(--terracotta);color:#fff;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:6px 18px;border-radius:30px;margin-bottom:28px;font-weight:700}
h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5.5vw,3.5rem);line-height:1.18;color:var(--dark);max-width:680px;margin:0 auto 20px}
h1 em{color:var(--terracotta);font-style:italic}
.hero-sub{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--mid);max-width:540px;margin:0 auto 44px}
.price-block{display:inline-flex;align-items:center;gap:18px;background:#fff;border:1.5px solid var(--dusty-rose);border-radius:18px;padding:18px 32px;margin-bottom:28px;box-shadow:0 8px 32px rgba(200,97,74,.1)}
.price-old{font-size:1.25rem;color:var(--mid);text-decoration:line-through;opacity:.55}
.price-now{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:600;color:var(--terracotta);line-height:1}
.price-note{font-size:.78rem;color:var(--mid);text-align:left;line-height:1.5}
.price-note strong{display:block;color:var(--dark);font-size:.88rem}
.cta-btn{display:inline-block;background:var(--terracotta);color:#fff;font-family:Lato,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:18px 48px;border-radius:50px;text-decoration:none;box-shadow:0 10px 32px rgba(200,97,74,.32);transition:background .22s,transform .18s,box-shadow .22s}
.cta-btn:hover{background:#b55540;transform:translateY(-2px);box-shadow:0 16px 40px rgba(200,97,74,.42)}
.urgency{margin-top:14px;font-size:.82rem;color:var(--mid)}
.countdown-section{background:var(--dark);color:var(--cream);text-align:center;padding:44px 20px}
.cd-label{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dusty-rose);margin-bottom:20px}
.cd-timer{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap}
.cd-unit{text-align:center}
.cd-num{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,6vw,3.8rem);color:#fff;display:block;min-width:72px;line-height:1}
.cd-lbl{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:5px}
.cd-sep{font-family:'Playfair Display',serif;font-size:2.8rem;color:var(--terracotta);padding-top:2px}
.section{padding:70px 20px;max-width:760px;margin:0 auto}
.section-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--terracotta);margin-bottom:12px;font-weight:700}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.65rem,3.8vw,2.5rem);line-height:1.22;color:var(--dark);margin-bottom:22px}
h2 em{color:var(--terracotta);font-style:italic}
p{color:var(--mid);margin-bottom:18px;font-size:1rem}
hr.divider{width:48px;height:2px;background:var(--terracotta);border:none;margin:0 auto 32px}
.recognition-bg{background:linear-gradient(135deg,#EDE3D6 0%,var(--cream) 100%);padding:70px 20px}
.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:30px auto 0}
@media(max-width:500px){.rec-grid{grid-template-columns:1fr}}
.rec-card{background:rgba(255,255,255,.72);border-radius:14px;padding:20px 22px;border-left:3px solid var(--dusty-rose)}
.rec-card p{margin:0;font-size:.95rem;color:var(--dark);font-style:italic}
.inside-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:36px}
.inside-card{background:#fff;border-radius:18px;padding:28px 22px;text-align:center;box-shadow:0 4px 22px rgba(0,0,0,.06);transition:transform .2s}
.inside-card:hover{transform:translateY(-4px)}
.inside-icon{font-size:1.9rem;margin-bottom:12px;display:block}
.inside-card h3{font-family:'Playfair Display',serif;font-size:1.02rem;color:var(--dark);margin-bottom:8px}
.inside-card p{font-size:.87rem;color:var(--mid);margin:0}
.access-notice{background:linear-gradient(135deg,#F0EBE3 0%,var(--warm-white) 100%);border:1.5px solid var(--dusty-rose);border-radius:16px;padding:28px 30px;margin:36px auto 0;max-width:600px}
.access-notice h3{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--dark);margin-bottom:10px}
.access-notice p{font-size:.92rem;margin:0}
.days-bg{background:var(--dark);padding:70px 20px}
.days-bg h2{color:#fff}
.days-bg p{color:rgba(253,249,243,.7)}
.days-bg .section-label{color:var(--dusty-rose)}
.days-list{max-width:660px;margin:36px auto 0}
.day-item{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.day-num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:600;color:var(--terracotta);min-width:48px;line-height:1}
.day-content h3{font-family:'Playfair Display',serif;font-size:1rem;color:#fff;margin-bottom:3px}
.day-content p{font-size:.88rem;margin:0;color:rgba(253,249,243,.6)}
.day-tag{display:inline-block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dusty-rose);border:1px solid var(--dusty-rose);border-radius:20px;padding:2px 10px;margin-bottom:6px}
.testi-bg{background:var(--warm-white);padding:70px 20px}
.testi-grid-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:36px;max-width:900px;margin-left:auto;margin-right:auto}
.testi-card-img{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);border-top:3px solid var(--dusty-rose)}
.testi-card-img img{width:100%;height:auto;display:block}
.for-who-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
@media(max-width:520px){.for-who-grid{grid-template-columns:1fr}}
.for-who-col h3{font-family:'Playfair Display',serif;font-size:1.08rem;margin-bottom:16px}
.for-who-col.yes h3{color:var(--terracotta)}
.for-who-col.no h3{color:var(--slate-blue)}
.fw-item{display:flex;gap:10px;margin-bottom:12px;font-size:.93rem;color:var(--mid);align-items:flex-start}
.yes .fw-item::before{content:'\2736';color:var(--terracotta);flex-shrink:0;margin-top:2px}
.no .fw-item::before{content:'\25CB';color:var(--slate-blue);flex-shrink:0;margin-top:2px}
.about-bg{background:linear-gradient(160deg,#EDE3D6 0%,var(--cream) 100%);padding:70px 20px}
.about-inner{max-width:720px;margin:0 auto;display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}
.about-img{width:200px;height:260px;border-radius:20px;object-fit:cover;object-position:top center;border:3px solid var(--dusty-rose);flex-shrink:0;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.about-text{flex:1;min-width:240px}
.about-text h2{margin-bottom:14px}
.stats-row{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:600;color:var(--terracotta);display:block;line-height:1}
.stat-lbl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}
.guarantee-wrap{max-width:580px;margin:40px auto 0;background:#fff;border-radius:20px;padding:30px 32px;border:2px solid var(--sage);display:flex;gap:20px;align-items:flex-start;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.guarantee-seal{font-size:3rem;flex-shrink:0;line-height:1}
.guarantee-text h3{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--dark);margin-bottom:8px}
.guarantee-text p{font-size:.88rem;margin-bottom:8px;color:var(--mid)}
.guarantee-legal{font-size:.74rem;color:var(--mid);opacity:.75}
.faq-list{margin-top:36px}
.faq-item{border-bottom:1px solid rgba(139,99,85,.14);padding:20px 0}
.faq-q{font-family:'Playfair Display',serif;font-size:1.02rem;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q::after{content:'+';font-size:1.5rem;color:var(--terracotta);flex-shrink:0;transition:transform .2s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .38s ease;font-size:.94rem;color:var(--mid)}
.faq-item.open .faq-a{max-height:500px;padding-top:12px}
.disclaimer-box{background:rgba(122,148,168,.08);border:1px solid var(--slate-blue);border-radius:14px;padding:24px 28px;max-width:660px;margin:40px auto 0}
.disclaimer-box h4{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--slate-blue);margin-bottom:10px;font-weight:700}
.disclaimer-box p{font-size:.82rem;color:var(--mid);margin-bottom:8px}
.disclaimer-box p:last-child{margin:0}
.bottom-cta{background:linear-gradient(150deg,var(--terracotta) 0%,#A84E39 100%);padding:84px 20px;text-align:center;color:#fff}
.bottom-cta h2{color:#fff;max-width:580px;margin:0 auto 18px}
.bottom-cta p{color:rgba(255,255,255,.8);max-width:500px;margin:0 auto 36px}
.cta-btn-white{display:inline-block;background:#fff;color:var(--terracotta);font-family:Lato,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:18px 48px;border-radius:50px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.14);transition:background .2s,transform .18s}
.cta-btn-white:hover{background:var(--cream);transform:translateY(-2px)}
.bottom-price{margin-top:18px;font-size:.88rem;color:rgba(255,255,255,.7)}
.bottom-price strong{color:#fff;font-size:1.05rem}
footer{background:var(--dark);color:rgba(253,249,243,.4);text-align:center;padding:32px 20px;font-size:.76rem;letter-spacing:.04em;line-height:1.9}
footer a{color:var(--dusty-rose);text-decoration:none}
.footer-legal{font-size:.7rem;opacity:.65;margin-top:10px}
.fade-in{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.fade-in.visible{opacity:1;transform:none}
.text-center{text-align:center}
</style>
</head>
<body>
<div class="announcement-bar">
🌿 Pre-venta abierta · Viernes 25 – Lunes 28 de abril · Solo 37€ · Precio final: 57€
</div>
<div class="hero">
<div style="max-width:680px;margin:0 auto;">
<p class="brand-tag">FisioFulness® · Alicia Luna</p>
<span class="preventa-badge">✦ Pre-venta exclusiva · Cierra el lunes 28 a medianoche ✦</span>
<h1>Botiqín de<br/><em>Regulación Corporal</em></h1>
<p class="hero-sub">Un recorrido guiado de 7 días para comprender tu cuerpo,<br/>regular tu sistema nervioso y transformar la tensión<br/>en decisiones concretas en tu día a día.</p>
<div class="price-block">
<span class="price-old">57€</span>
<span class="price-now">37€</span>
<div class="price-note">
<strong>Precio de pre-venta</strong>
Disponible solo hasta el 28 de abril.<br/>A partir del 29, sube a 57€.
</div>
</div>
<br/>
<a class="cta-btn" href="https://fisiofulness.thinkific.com/courses/botiquinregulacioncorporal" target="_blank">Quiero mi Botiqín → 37€</a>
<p class="urgency">🔒 Acceso inmediato al Diario · Pago seguro · El precio sube el 29 de abril</p>
</div>
</div>
<div class="countdown-section">
<p class="cd-label">La pre-venta cierra en</p>
<div class="cd-timer">
<div class="cd-unit"><span class="cd-num" id="cd-days">--</span><span class="cd-lbl">días</span></div>
<span class="cd-sep">:</span>
<div class="cd-unit"><span class="cd-num" id="cd-hours">--</span><span class="cd-lbl">horas</span></div>
<span class="cd-sep">:</span>
<div class="cd-unit"><span class="cd-num" id="cd-mins">--</span><span class="cd-lbl">minutos</span></div>
<span class="cd-sep">:</span>
<div class="cd-unit"><span class="cd-num" id="cd-secs">--</span><span class="cd-lbl">segundos</span></div>
</div>
</div>
<div class="recognition-bg">
<div class="fade-in text-center" style="max-width:680px;margin:0 auto;">
<p class="section-label">¿Te reconoces aquí?</p>
<h2>Tu cuerpo lleva un tiempo<br/><em>pidiéndote atención.</em></h2>
<div class="rec-grid">
<div class="rec-card"><p>“Termino el día sin haber soltado del todo.”</p></div>
<div class="rec-card"><p>“Me cargo el cuello y la mandíbula en cuanto hay tensión.”</p></div>
<div class="rec-card"><p>“Llego a la cama y mi cabeza sigue en el trabajo.”</p></div>
<div class="rec-card"><p>“Noto que algo se acumula, pero no sé cómo bajarlo.”</p></div>
</div>
</div>
</div>
<div class="section fade-in text-center">
<hr class="divider"/>
<p class="section-label">Qué es el Botiqín</p>
<h2>No es un curso.<br/><em>Es un recurso de uso real.</em></h2>
<p style="max-width:560px;margin:0 auto 16px;">“El sistema nervioso no se calma con fuerza de voluntad. Se calma con seguridad, con presencia y con práctica.” El Botiqín es un recorrido de 7 días para que vuelvas a escuchar a tu cuerpo — una herramienta a la vez.</p>
<p style="max-width:560px;margin:0 auto;">No es para hacerlo perfecto. No es para eliminar el dolor en una semana. Es para que tu cuerpo vuelva a sentirse un lugar seguro.</p>
<div class="inside-grid" style="max-width:680px;margin:38px auto 0;">
<div class="inside-card"><span class="inside-icon">💊</span><h3>Ejercicio Consciente</h3><p>Movimientos cortos para liberar la tensión acumulada en cuello, mandíbula y hombros.</p></div>
<div class="inside-card"><span class="inside-icon">🌧</span><h3>Respiraciones Guiadas</h3><p>Protocolos para activar el nervio vago y bajar el nivel de alerta desde dentro.</p></div>
<div class="inside-card"><span class="inside-icon">🧠</span><h3>Píldoras de Conocimiento</h3><p>Entiendes qué está pasando en tu cuerpo para dejar de luchar contra lo que sientes.</p></div>
<div class="inside-card"><span class="inside-icon">📓</span><h3>Diario de Práctica</h3><p>Registros guiados para aprender a leer las señales de tu cuerpo en tiempo real.</p></div>
</div>
<div class="access-notice">
<h3>🔓 El contenido se desbloquea día a día</h3>
<p>Cada día se abre una práctica nueva — para que tu sistema nervioso lo integre a su ritmo, no todo de golpe. Desde el primer día tienes acceso al Diario de Práctica completo para que empieces a registrar desde el minuto uno.</p>
</div>
</div>
<div class="days-bg">
<div class="fade-in text-center" style="max-width:700px;margin:0 auto;">
<p class="section-label">El recorrido</p>
<h2>7 días. Un orden que<br/><em>tiene sentido.</em></h2>
<p style="max-width:520px;margin:0 auto;">Cada día tiene su base neurocientífica, su práctica y su espacio de registro.</p>
<div class="days-list" style="text-align:left;">
<div class="day-item"><span class="day-num">1</span><div class="day-content"><span class="day-tag">Soltar</span><h3>Cuando el cuerpo guarda lo que la mente no quiere</h3><p>Sacudida somática · Sistema límbico</p></div></div>
<div class="day-item"><span class="day-num">2</span><div class="day-content"><span class="day-tag">Escuchar</span><h3>Bajar el ruido para oír lo que sientes</h3><p>Escaneo corporal · Interocepción</p></div></div>
<div class="day-item"><span class="day-num">3</span><div class="day-content"><span class="day-tag">Abrirse</span><h3>Dejar de pelearte contigo — el pecho se abre</h3><p>Apertura torácica · Nervio vago</p></div></div>
<div class="day-item"><span class="day-num">4</span><div class="day-content"><span class="day-tag">Centrarse</span><h3>Calma que no depende de nada externo</h3><p>Respiración 4-4-4-4 · Coherencia HRV</p></div></div>
<div class="day-item"><span class="day-num">5</span><div class="day-content"><span class="day-tag">Sostenerse</span><h3>No hacerlo sola — sostén desde dentro</h3><p>Visualización · Co-regulación interna</p></div></div>
<div class="day-item"><span class="day-num">6</span><div class="day-content"><span class="day-tag">Fluir</span><h3>Volver al pulso — tu cuerpo tiene un ritmo</h3><p>Ritmo circadiano · Ciclo natural</p></div></div>
<div class="day-item" style="border-bottom:none;"><span class="day-num">7</span><div class="day-content"><span class="day-tag">Confiar</span><h3>Integrar, reconocer, escuchar tu sabiduría</h3><p>Discernimiento · Sabiduría interna</p></div></div>
</div>
</div>
</div>
<script>
const deadline = new Date('2026-04-28T23:59:00+02:00');
function tick() {
const diff = deadline - new Date();
if (diff <= 0) {
document.querySelector('.countdown-section').innerHTML =
'<p style="color:var(--dusty-rose);letter-spacing:.1em;font-size:.9rem;padding:20px;">La pre-venta ha cerrado</p>';
return;
}
const d = Math.floor(diff/86400000);
const h = Math.floor((diff%86400000)/3600000);
const m = Math.floor((diff%3600000)/60000);
const s = Math.floor((diff%60000)/1000);
document.getElementById('cd-days').textContent = String(d).padStart(2,'00');
document.getElementById('cd-hours').textContent = String(h).padStart(2,'00');
document.getElementById('cd-mins').textContent = String(m).padStart(2,'00');
document.getElementById('cd-secs').textContent = String(s).padStart(2,'00');
}
tick(); setInterval(tick,1000);
const obs = new IntersectionObserver(entries=>{
entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('visible'); });
},{threshold:0.1});
document.querySelectorAll('.fade-in').forEach(el=>obs.observe(el));
document.querySelectorAll('.faq-q').forEach(q=>{
q.addEventListener('click',()=>q.parentElement.classList.toggle('open'));
});
</script>
</body>
</html>
