Porque tu negocio estético no escala

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Por Qué Tu Negocio Estético No Escala – Método LUMA™</title>
<meta name="description" content="Descubre el Criterio Estratégico LUMA™: el sistema mental que transforma esteticistas ejecutoras en consultoras que escalan su negocio sin trabajar más horas.">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --lila:#F48FB1;
  --lila-light:#FCE4EC;
  --lila-mid:#E91E8C;
  --purple:#C2185B;
  --purple-dark:#880E4F;
  --rosa:#E91E8C;
  --rosa-light:#FCE4EC;
  --gold:#C8A951;
  --gold-light:#F5E6C0;
  --white:#FFFFFF;
  --cream:#FDF8FF;
  --dark:#3D0026;
  --mid:#6D1B4A;
  --muted:#AD1457;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Plus Jakarta Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--dark);line-height:1.7;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none}

/* ── HERO ── */
.hero{
  background:linear-gradient(160deg,#3D0026 0%,#880E4F 45%,#E91E8C 100%);
  padding:60px 24px 72px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse 90% 50% at 50% 100%,rgba(200,169,81,0.18) 0%,transparent 65%);
  pointer-events:none;
}
.hero-stars{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 20% 15%,rgba(255,255,255,0.6) 0%,transparent 100%),
    radial-gradient(1px 1px at 75% 25%,rgba(255,255,255,0.5) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 40% 60%,rgba(200,169,81,0.7) 0%,transparent 100%),
    radial-gradient(1px 1px at 85% 70%,rgba(255,255,255,0.4) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 10% 80%,rgba(200,169,81,0.5) 0%,transparent 100%);
}
.hero-badge{
  display:inline-block;
  border:1px solid rgba(200,169,81,0.6);
  color:var(--gold-light);
  font-size:11px;font-weight:600;
  letter-spacing:0.2em;text-transform:uppercase;
  padding:7px 20px;border-radius:40px;
  margin-bottom:24px;
  background:rgba(200,169,81,0.1);
}
.hero h1{
  font-family:var(--font-display);
  font-size:clamp(34px,7vw,66px);
  font-weight:700;line-height:1.1;
  color:#fff;
  max-width:760px;margin:0 auto 16px;
  letter-spacing:-0.01em;
}
.hero h1 span{
  color:var(--gold-light);
  font-style:italic;
}
.hero-sub{
  font-size:clamp(16px,2.5vw,20px);
  color:rgba(255,255,255,0.72);
  max-width:580px;margin:0 auto 20px;
  font-weight:300;
}
.price-strip{
  display:inline-flex;align-items:center;gap:14px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(200,169,81,0.3);
  border-radius:50px;padding:10px 28px;
  margin-bottom:32px;
}
.price-before{
  font-size:14px;color:rgba(255,255,255,0.4);
  text-decoration:line-through;
}
.price-now{
  font-family:var(--font-display);
  font-size:32px;font-weight:700;color:var(--gold-light);
}
.price-label{
  font-size:11px;color:rgba(255,255,255,0.5);
  letter-spacing:0.1em;text-transform:uppercase;
}
.hero-cta{
  display:inline-block;
  background:linear-gradient(135deg,var(--gold) 0%,#E8C86A 100%);
  color:var(--dark);
  font-weight:700;font-size:17px;
  padding:20px 52px;border-radius:50px;
  letter-spacing:0.04em;text-transform:uppercase;
  box-shadow:0 8px 32px rgba(200,169,81,0.4);
  transition:transform 0.2s,box-shadow 0.2s;
}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(200,169,81,0.55)}
.hero-trust{
  margin-top:16px;
  display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
}
.hero-trust span{
  font-size:13px;color:rgba(255,255,255,0.5);
}
.hero-trust span::before{content:'✓ ';color:var(--gold)}
.hero-mockup{
  margin:48px auto 0;
  max-width:340px;
  filter:drop-shadow(0 20px 60px rgba(0,0,0,0.5));
  animation:float 4s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ── DIVIDER ── */
.wave-divider{line-height:0;overflow:hidden}
.wave-divider svg{display:block;width:100%}

/* ── SECTIONS ── */
.section{padding:72px 24px}
.section-inner{max-width:780px;margin:0 auto}
.section-inner-wide{max-width:1020px;margin:0 auto}
.section-label{
  font-size:11px;font-weight:700;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--lila-mid);margin-bottom:12px;
}
.section h2{
  font-family:var(--font-display);
  font-size:clamp(28px,4.5vw,46px);
  font-weight:700;line-height:1.15;
  margin-bottom:20px;color:var(--dark);
}
.section p{font-size:17px;color:var(--mid);margin-bottom:14px;font-weight:300}

/* ── PROBLEMA ── */
.problema{background:#fff}
.problema-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin-top:36px;
}
@media(max-width:600px){.problema-grid{grid-template-columns:1fr}}
.prob-item{
  background:var(--lila-light);
  border-left:3px solid var(--lila-mid);
  padding:18px 20px;border-radius:0 8px 8px 0;
}
.prob-item p{
  font-size:15px;color:var(--mid);margin:0;font-weight:400;
}

/* ── AGITACIÓN ── */
.agitacion{
  background:linear-gradient(160deg,#3D0026 0%,#880E4F 100%);
  padding:72px 24px;
}
.agitacion .section-label{color:var(--lila)}
.agitacion h2{color:#fff}
.agitacion p{color:rgba(255,255,255,0.65)}
.agit-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;margin-top:36px;
}
.agit-card{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(179,157,219,0.2);
  border-radius:12px;padding:24px;
  text-align:center;
}
.agit-icon{font-size:28px;margin-bottom:12px}
.agit-card h3{
  font-size:15px;font-weight:600;color:#fff;
  margin-bottom:8px;
}
.agit-card p{font-size:14px;color:rgba(255,255,255,0.5);margin:0}

/* ── EBOOK PRESENTACIÓN ── */
.ebook-section{background:var(--cream)}
.ebook-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:center;
  max-width:1000px;margin:0 auto;
}
@media(max-width:700px){.ebook-inner{grid-template-columns:1fr}}
.ebook-mockup{
  filter:drop-shadow(0 16px 48px rgba(106,27,154,0.25));
}
.ebook-content .section-label{color:var(--lila-mid)}
.ebook-content h2{color:var(--dark)}
.no-list,.si-list{list-style:none;display:grid;gap:10px;margin:16px 0}
.no-list li{
  font-size:15px;color:var(--muted);
  padding-left:24px;position:relative;font-weight:300;
}
.no-list li::before{content:'✕';position:absolute;left:0;color:#CE93D8;font-weight:600}
.si-list li{
  font-size:16px;color:var(--mid);
  padding-left:24px;position:relative;font-weight:400;
}
.si-list li::before{content:'✓';position:absolute;left:0;color:var(--lila-mid);font-weight:700}
.criterio-box{
  background:linear-gradient(135deg,var(--lila-light) 0%,#F3E5FF 100%);
  border:1px solid rgba(149,117,205,0.3);
  border-radius:12px;padding:24px;margin-top:24px;
}
.criterio-box h4{
  font-family:var(--font-display);
  font-size:20px;font-weight:600;color:var(--purple);
  margin-bottom:10px;
}
.criterio-box p{font-size:15px;color:var(--mid);margin:0;font-weight:300}

/* ── CTA MID ── */
.cta-mid{
  background:linear-gradient(135deg,#C2185B 0%,#E91E8C 100%);
  padding:56px 24px;text-align:center;
}
.cta-mid p{
  font-size:20px;font-weight:300;color:rgba(255,255,255,0.85);
  max-width:540px;margin:0 auto 28px;
  font-family:var(--font-display);font-style:italic;
}
.cta-mid a{
  display:inline-block;
  background:#fff;color:var(--purple-dark);
  font-weight:700;font-size:16px;
  padding:18px 44px;border-radius:50px;
  letter-spacing:0.04em;text-transform:uppercase;
  transition:transform 0.2s;
}
.cta-mid a:hover{transform:translateY(-2px)}

/* ── BONOS ── */
.bonos{background:#fff}
.bonos-header{text-align:center;margin-bottom:48px}
.bonos-header .section-label{color:var(--lila-mid)}
.bonos-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:28px;max-width:1000px;margin:0 auto;
}
.bono-card{
  border:1px solid rgba(149,117,205,0.2);
  border-radius:16px;overflow:hidden;
  background:var(--cream);
  transition:transform 0.2s,box-shadow 0.2s;
}
.bono-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(106,27,154,0.12)}
.bono-img{background:#F3E5FF;padding:32px 40px}
.bono-img img{margin:0 auto;max-height:220px;object-fit:contain}
.bono-body{padding:24px}
.bono-badge{
  display:inline-block;
  background:var(--lila-light);color:var(--purple);
  font-size:11px;font-weight:700;
  letter-spacing:0.15em;text-transform:uppercase;
  padding:4px 14px;border-radius:20px;
  margin-bottom:12px;
}
.bono-body h3{
  font-family:var(--font-display);
  font-size:22px;font-weight:600;color:var(--dark);
  margin-bottom:8px;
}
.bono-body p{font-size:14px;color:var(--muted);margin-bottom:12px;font-weight:300}
.bono-impacto{
  background:var(--lila-light);
  border-radius:8px;padding:10px 14px;
  font-size:13px;color:var(--purple-dark);font-weight:500;
}
.bono-impacto::before{content:'→ ';font-weight:700}

/* ── STACK DE VALOR ── */
.stack{
  background:linear-gradient(160deg,#3D0026 0%,#880E4F 100%);
  padding:80px 24px;text-align:center;
}
.stack .section-label{color:var(--lila)}
.stack h2{color:#fff}
.stack-items{
  max-width:560px;margin:36px auto;
  display:grid;gap:12px;
}
.stack-item{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(179,157,219,0.15);
  border-radius:10px;padding:16px 24px;
}
.stack-name{font-size:15px;color:rgba(255,255,255,0.8);font-weight:400}
.stack-val{font-size:15px;color:var(--gold-light);font-weight:600}
.stack-divider{height:1px;background:rgba(179,157,219,0.2);margin:8px 0}
.stack-total{
  background:rgba(200,169,81,0.1);
  border:1px solid rgba(200,169,81,0.3);
  border-radius:12px;padding:24px;
  max-width:400px;margin:0 auto 40px;
}
.stack-total-label{font-size:13px;color:rgba(255,255,255,0.4);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px}
.stack-price-cross{font-size:20px;color:rgba(255,255,255,0.3);text-decoration:line-through;margin-bottom:4px}
.stack-price-now{
  font-family:var(--font-display);
  font-size:64px;font-weight:700;color:var(--gold-light);line-height:1;
}
.stack-price-sub{font-size:14px;color:rgba(255,255,255,0.4);margin-top:8px}
.comparacion{
  font-size:15px;font-style:italic;color:rgba(255,255,255,0.5);
  max-width:420px;margin:0 auto 36px;
  font-family:var(--font-display);
}
.stack-cta{
  display:inline-block;
  background:linear-gradient(135deg,var(--gold) 0%,#E8C86A 100%);
  color:var(--dark);font-weight:700;font-size:18px;
  padding:22px 60px;border-radius:50px;
  letter-spacing:0.04em;text-transform:uppercase;
  box-shadow:0 8px 32px rgba(200,169,81,0.35);
  transition:transform 0.2s,box-shadow 0.2s;
}
.stack-cta:hover{transform:translateY(-3px);box-shadow:0 12px 44px rgba(200,169,81,0.5)}

/* ── MOCKUP DEVICES ── */
.devices-section{background:var(--lila-light);padding:72px 24px;text-align:center}
.devices-section .section-label{color:var(--lila-mid)}
.devices-section h2{color:var(--dark)}
.devices-img{max-width:780px;margin:40px auto 0;filter:drop-shadow(0 12px 36px rgba(106,27,154,0.2))}

/* ── GARANTÍA ── */
.garantia{background:#fff;padding:72px 24px}
.garantia-inner{
  max-width:600px;margin:0 auto;text-align:center;
  border:2px solid var(--lila);
  border-radius:20px;padding:48px 40px;
  background:linear-gradient(135deg,var(--lila-light) 0%,#fff 100%);
}
.garantia-num{
  font-family:var(--font-display);
  font-size:80px;font-weight:700;color:var(--lila-mid);
  line-height:1;margin-bottom:8px;
}
.garantia-num span{font-size:32px;vertical-align:super}
.garantia h3{
  font-family:var(--font-display);
  font-size:28px;font-weight:600;color:var(--dark);
  margin-bottom:14px;
}
.garantia p{font-size:16px;color:var(--muted);font-weight:300}

/* ── PARA QUIÉN ── */
.para-quien{background:var(--cream);padding:72px 24px}
.pq-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:28px;max-width:780px;margin:36px auto 0;
}
@media(max-width:580px){.pq-inner{grid-template-columns:1fr}}
.pq-si,.pq-no{padding:32px;border-radius:16px}
.pq-si{
  background:linear-gradient(135deg,var(--lila-light) 0%,#F3E5FF 100%);
  border:1px solid rgba(149,117,205,0.3);
}
.pq-no{background:#F8F8F8;border:1px solid #E0E0E0}
.pq-title{
  font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;
  margin-bottom:20px;
}
.pq-si .pq-title{color:var(--purple)}
.pq-no .pq-title{color:#9E9E9E}
.pq-list{list-style:none;display:grid;gap:12px}
.pq-list li{font-size:15px;padding-left:26px;position:relative;font-weight:300}
.pq-si .pq-list li{color:var(--mid)}
.pq-si .pq-list li::before{content:'✓';position:absolute;left:0;color:var(--lila-mid);font-weight:700}
.pq-no .pq-list li{color:#9E9E9E}
.pq-no .pq-list li::before{content:'✕';position:absolute;left:0;color:#CE93D8}

/* ── FAQ ── */
.faq{background:#fff;padding:72px 24px}
.faq-inner{max-width:720px;margin:0 auto}
.faq-header{text-align:center;margin-bottom:44px}
.faq-item{
  border-bottom:1px solid rgba(149,117,205,0.15);
  padding:20px 0;
}
.faq-q{
  font-size:16px;font-weight:600;color:var(--dark);
  cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;
}
.faq-q::after{
  content:'+';font-size:18px;color:var(--lila-mid);
  flex-shrink:0;transition:transform 0.25s;
}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{
  font-size:15px;color:var(--muted);font-weight:300;
  max-height:0;overflow:hidden;
  transition:max-height 0.35s ease,padding 0.25s;
}
.faq-item.open .faq-a{max-height:300px;padding-top:12px}

/* ── CIERRE ── */
.cierre{
  background:linear-gradient(160deg,#880E4F 0%,#C2185B 50%,#E91E8C 100%);
  padding:88px 24px;text-align:center;position:relative;overflow:hidden;
}
.cierre::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(200,169,81,0.15) 0%,transparent 70%);
  pointer-events:none;
}
.cierre h2{
  font-family:var(--font-display);
  font-size:clamp(30px,6vw,56px);
  color:#fff;margin-bottom:16px;line-height:1.15;
}
.cierre h2 em{color:var(--gold-light);font-style:italic}
.cierre p{
  font-size:19px;color:rgba(255,255,255,0.65);
  max-width:520px;margin:0 auto 44px;font-weight:300;
}
.cierre-cta{
  display:inline-block;
  background:linear-gradient(135deg,var(--gold) 0%,#E8C86A 100%);
  color:var(--dark);font-weight:700;font-size:19px;
  padding:24px 68px;border-radius:50px;
  letter-spacing:0.05em;text-transform:uppercase;
  box-shadow:0 8px 40px rgba(200,169,81,0.4);
  transition:transform 0.2s,box-shadow 0.2s;
}
.cierre-cta:hover{transform:translateY(-3px);box-shadow:0 14px 50px rgba(200,169,81,0.55)}

/* ── PRICE STRIP BIG ── */
.price-strip-big{
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(249,168,212,0.3);
  border-radius:60px;padding:18px 36px;
  max-width:480px;margin:0 auto 32px;
}
.psb-label{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:0.12em;text-transform:uppercase}
.psb-before{font-size:22px;color:rgba(255,255,255,0.35);text-decoration:line-through;font-family:var(--font-display)}
.psb-arrow{font-size:20px;color:rgba(249,168,212,0.5)}
.psb-now{font-family:var(--font-display);font-size:52px;font-weight:700;color:#FFD6E7;line-height:1}

/* ── STICKY BAR ── */
.sticky{
  position:fixed;bottom:0;left:0;right:0;
  background:rgba(61,0,38,0.97);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(179,157,219,0.2);
  padding:12px 24px;
  display:flex;align-items:center;justify-content:center;gap:18px;
  z-index:999;
  transform:translateY(100%);transition:transform 0.35s;
}
.sticky.show{transform:translateY(0)}
.sticky-text{font-size:14px;color:rgba(255,255,255,0.6);display:none}
@media(min-width:500px){.sticky-text{display:block}}
.sticky a{
  background:linear-gradient(135deg,var(--gold),#E8C86A);
  color:var(--dark);font-weight:700;font-size:14px;
  padding:12px 32px;border-radius:50px;white-space:nowrap;
}

/* ── FOOTER ── */
footer{
  background:#2D0018;
  color:rgba(255,255,255,0.25);
  text-align:center;padding:32px 24px;font-size:13px;
}
footer a{color:rgba(255,255,255,0.25)}
footer a:hover{color:var(--gold)}

/* ── FRASE ── */
.frase-section{
  background:var(--lila-light);
  padding:72px 24px;text-align:center;
}
.frase-section blockquote{
  font-family:var(--font-display);
  font-style:italic;
  font-size:clamp(22px,4vw,40px);
  color:var(--dark);max-width:680px;margin:0 auto;
  line-height:1.3;
}
.frase-section blockquote em{color:var(--lila-mid);font-style:normal}
.frase-autor{margin-top:20px;font-size:14px;color:var(--muted);letter-spacing:0.1em}

/* ── ESTETICISTA IMG ── */
.esteticista-section{background:#fff;padding:72px 24px}
.est-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:center;max-width:960px;margin:0 auto;
}
@media(max-width:680px){.est-inner{grid-template-columns:1fr}}
.est-img img{border-radius:16px;filter:drop-shadow(0 12px 36px rgba(106,27,154,0.2))}
.est-content .section-label{color:var(--lila-mid)}
.est-content h2{color:var(--dark)}

/* mobile tweaks */
@media(max-width:600px){
  .ebook-inner{grid-template-columns:1fr;text-align:center}
  .si-list,.no-list{text-align:left}
}
</style>
</head>
<body>

<!-- ══ HERO ══ -->
<section class="hero">
  <div class="hero-stars"></div>
  <div class="hero-badge">Método LUMA™ — Lanzamiento</div>

  <h1>Tu negocio estético<br>no escala porque<br><span>operas como ejecutora.</span></h1>

  <p class="hero-sub">Aprende el Criterio Estratégico LUMA™ y transforma cómo piensas, cobras y creces — sin trabajar más horas.</p>

  <a href="https://pay.hotmart.com/C104527368C" class="hero-cta">Quiero escalar mi negocio ahora →</a>

  <div class="hero-trust">
    <span>Acceso inmediato</span>
    <span>Pago seguro Hotmart</span>
    <span>Garantía 7 días</span>
  </div>

  <!-- MOCKUP PRINCIPAL -->
  <div class="hero-mockup">
    <!-- Reemplaza src con tu imagen real -->
    <img src="Libro_para_negocios_estéticos_exitosos.png" alt="Ebook Por Qué Tu Negocio Estético No Escala – Método LUMA™">
  </div>
</section>

<!-- ══ PROBLEMA ══ -->
<section class="section problema">
  <div class="section-inner">
    <p class="section-label">El problema real</p>
    <h2>Agenda llena. Margen mínimo. ¿Te suena familiar?</h2>
    <p>No es falta de dedicación. No es falta de clientes. Es que el modelo con el que operas tiene un techo — y ese techo eres tú.</p>

    <div class="problema-grid">
      <div class="prob-item"><p>Trabajas 8 horas al día y el ingreso no crece proporcionalmente</p></div>
      <div class="prob-item"><p>No puedes subir precios porque la competencia cobra menos</p></div>
      <div class="prob-item"><p>Tus clientas no regresan con la frecuencia que necesitas</p></div>
      <div class="prob-item"><p>Dependes 100% de tu presencia física para facturar</p></div>
      <div class="prob-item"><p>Sabes hacer bien los tratamientos, pero el negocio no escala</p></div>
      <div class="prob-item"><p>Sientes que te falta algo — pero no sabes exactamente qué</p></div>
    </div>
  </div>
</section>

<!-- ══ AGITACIÓN ══ -->
<section class="agitacion">
  <div class="section-inner">
    <p class="section-label">El costo de seguir igual</p>
    <h2>Si no cambias el modelo,<br>la historia se repite.</h2>
    <p>Más máquinas no resuelven estructura. Más horas no garantizan más rentabilidad. El problema no es técnico — es de mentalidad de negocio.</p>

    <div class="agit-cards">
      <div class="agit-card">
        <div class="agit-icon">🛑</div>
        <h3>Sin ti, no hay ingresos</h3>
        <p>Si te enfermas o te tomas vacaciones, la caja para.</p>
      </div>
      <div class="agit-card">
        <div class="agit-icon">📉</div>
        <h3>Guerra de precios sin fin</h3>
        <p>Mientras operes como todas, competirás por precio como todas.</p>
      </div>
      <div class="agit-card">
        <div class="agit-icon">⏳</div>
        <h3>El tiempo tiene límite</h3>
        <p>Un modelo basado solo en tus manos jamás podrá escalar.</p>
      </div>
    </div>
  </div>

  <div style="text-align:center;margin-top:48px">
    <a href="https://pay.hotmart.com/C104527368C" style="display:inline-block;border:2px solid var(--gold);color:var(--gold-light);font-weight:600;font-size:16px;padding:16px 44px;border-radius:50px;letter-spacing:0.04em;transition:background 0.2s" onmouseover="this.style.background='rgba(200,169,81,0.15)'" onmouseout="this.style.background='transparent'">Quiero cambiar esto ahora →</a>
  </div>
</section>

<!-- ══ EBOOK ══ -->
<section class="section ebook-section">
  <div class="ebook-inner">
    <div>
      <img class="ebook-mockup" src="ChatGPT_Image_16_feb_2026__01_23_59.png" alt="Mockup Ebook Método LUMA">
    </div>
    <div class="ebook-content">
      <p class="section-label">El ebook</p>
      <h2>Por Qué Tu Negocio Estético No Escala</h2>
      <p>Este no es un ebook de técnicas. No encontrarás protocolos ni guías de aparatología. Encontrarás algo más valioso:</p>

      <ul class="no-list">
        <li>No enseña técnicas</li>
        <li>No enseña protocolos</li>
        <li>No enseña aparatología</li>
      </ul>

      <p style="font-weight:500;color:var(--dark)">Porque el problema no es técnico.</p>

      <ul class="si-list">
        <li>Entiende por qué tu negocio tiene un techo invisible</li>
        <li>Conoce el Criterio Estratégico LUMA™</li>
        <li>Aprende a cobrar desde la autoridad</li>
        <li>Transforma cómo piensas cada sesión</li>
        <li>Construye la base de un negocio escalable</li>
      </ul>

      <div class="criterio-box">
        <h4>¿Qué es el Criterio Estratégico LUMA™?</h4>
        <p>Es el sistema mental que permite a una esteticista dejar de operar como ejecutora técnica y comenzar a tomar decisiones que impactan directamente en rentabilidad, fidelización, precios y escalabilidad. No es técnica. Es estructura mental de negocio.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══ FRASE ══ -->
<section class="frase-section">
  <blockquote>"Tu mayor activo no son tus manos.<br>Es <em>tu análisis profesional.</em>"</blockquote>
  <p class="frase-autor">— Lucía Pino · Fundadora Método LUMA™</p>
</section>

<!-- ══ CTA MID ══ -->
<section class="cta-mid">
  <p>"Deja de aplicar. Empieza a decidir."</p>
  <a href="https://pay.hotmart.com/C104527368C">Quiero el ebook ahora — USD $12 →</a>
</section>

<!-- ══ BONOS ══ -->
<section class="section bonos">
  <div class="bonos-header">
    <p class="section-label">Bonos incluidos</p>
    <h2 style="font-family:var(--font-display);font-size:clamp(28px,4vw,44px);color:var(--dark)">3 herramientas que potencian<br>lo que aprendes en el ebook</h2>
  </div>

  <div class="bonos-grid">
    <!-- BONO 1 -->
    <div class="bono-card">
      <div class="bono-img">
        <img src="EL_DIAGNOSTICO.png" alt="Bono 1 – El Diagnóstico Invisible">
      </div>
      <div class="bono-body">
        <span class="bono-badge">Bono 1</span>
        <h3>El Diagnóstico Invisible™</h3>
        <p>La herramienta que revela exactamente por qué tu negocio estético no escala — aunque lo hagas bien.</p>
        <p class="bono-impacto">Identifica el bloqueo real que frena tu rentabilidad</p>
      </div>
    </div>

    <!-- BONO 2 -->
    <div class="bono-card">
      <div class="bono-img">
        <img src="ARQUITECTURA_DE_PROCESOS.png" alt="Bono 2 – Arquitectura de Procesos Estéticos">
      </div>
      <div class="bono-body">
        <span class="bono-badge">Bono 2</span>
        <h3>Arquitectura de Procesos Estéticos™</h3>
        <p>Cómo pasar de improvisar tratamientos a diseñar procesos que sostienen resultados, fidelizan y ordenan tu negocio.</p>
        <p class="bono-impacto">Construye la estructura que genera recurrencia real</p>
      </div>
    </div>

    <!-- BONO 3 -->
    <div class="bono-card">
      <div class="bono-img">
        <img src="PLANTILLA_DE_VALORACION.png" alt="Bono 3 – Plantilla de Valoración Integral">
      </div>
      <div class="bono-body">
        <span class="bono-badge">Bono 3</span>
        <h3>Plantilla de Valoración Integral</h3>
        <p>Enfoque criterio sobre protocolo. La herramienta de consulta que usarás en cada sesión para tomar decisiones con precisión.</p>
        <p class="bono-impacto">Eleva tu autoridad con cada clienta desde el primer contacto</p>
      </div>
    </div>
  </div>
</section>

<!-- ══ DEVICES MOCKUP ══ -->
<section class="devices-section">
  <div class="section-inner">
    <p class="section-label">Todo incluido</p>
    <h2 style="font-family:var(--font-display);font-size:clamp(26px,4vw,42px)">Acceso completo desde cualquier dispositivo</h2>
    <p style="color:var(--mid);font-size:17px;font-weight:300">Lee en tu celular, tablet o computadora. Descarga, comparte, imprime. Todo es tuyo al instante.</p>
  </div>
  <div class="devices-img">
    <img src="16.png" alt="Pack completo Método LUMA en todos los dispositivos">
  </div>
</section>

<!-- ══ STACK DE VALOR ══ -->
<section class="stack">
  <div class="section-inner">
    <p class="section-label">Lo que recibes</p>
    <h2>Todo esto por el precio<br>de una sesión de cabina</h2>

    <div class="stack-items">
      <div class="stack-item">
        <span class="stack-name">📘 Ebook principal – Por Qué Tu Negocio No Escala</span>
        <span class="stack-val">$15</span>
      </div>
      <div class="stack-item">
        <span class="stack-name">🔍 Bono 1 – El Diagnóstico Invisible™</span>
        <span class="stack-val">$10</span>
      </div>
      <div class="stack-item">
        <span class="stack-name">🏗 Bono 2 – Arquitectura de Procesos™</span>
        <span class="stack-val">$10</span>
      </div>
      <div class="stack-item">
        <span class="stack-name">📋 Bono 3 – Plantilla de Valoración Integral</span>
        <span class="stack-val">$10</span>
      </div>
      <div class="stack-item" style="background:rgba(200,169,81,0.08);border-color:rgba(200,169,81,0.2)">
        <span class="stack-name" style="color:var(--gold-light)">🛡 Garantía Hotmart 7 días</span>
        <span class="stack-val">Incluida</span>
      </div>
    </div>

    <div class="stack-total">
      <p class="stack-total-label">Valor total real</p>
      <p class="stack-price-cross">USD $45</p>
      <p style="font-size:14px;color:rgba(255,255,255,0.35);margin-bottom:4px">Precio de lanzamiento</p>
      <div class="stack-price-now"><span style="font-size:24px;vertical-align:super;font-family:var(--font-body)">$</span>12</div>
      <p class="stack-price-sub">Acceso inmediato · Pago único</p>
    </div>

    <div class="price-strip-big">
      <div class="psb-label">Precio regular</div>
      <div class="psb-before">USD $35</div>
      <div class="psb-arrow">→</div>
      <div class="psb-label">Precio de lanzamiento</div>
      <div class="psb-now">USD $12</div>
    </div>

    <p class="comparacion">"Es menos que una sesión de cabina — pero puede cambiar cómo cobras todo el año."</p>

    <a href="https://pay.hotmart.com/C104527368C" class="stack-cta">Quiero evolucionar mi negocio →</a>

    <div style="margin-top:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap">
      <span style="font-size:13px;color:rgba(255,255,255,0.4)">✓ Acceso inmediato</span>
      <span style="font-size:13px;color:rgba(255,255,255,0.4)">✓ Pago seguro Hotmart</span>
      <span style="font-size:13px;color:rgba(255,255,255,0.4)">✓ Garantía 7 días</span>
    </div>
  </div>
</section>

<!-- ══ ESTETICISTA ══ -->
<section class="esteticista-section">
  <div class="est-inner">
    <div class="est-img">
      <img src="ChatGPT_Image_16_feb_2026__01_33_22.png" alt="Esteticista leyendo el Método LUMA">
    </div>
    <div class="est-content">
      <p class="section-label">Sobre la autora</p>
      <h2>Lucía Pino,<br>Fundadora Método LUMA™</h2>
      <p>Soy profesional en estética corporal y cosmiatría, especializada en tratamientos postquirúrgicos. Después de años en cabina, llegué a un punto de quiebre: veía colegas brillantes agotadas, cobrando poco, repitiendo lo mismo sin resultados consistentes.</p>
      <p>El problema no era falta de técnica. Era falta de criterio, estructura y modelo de negocio. Creé el Método LUMA™ para que la esteticista deje de ser ejecutora de protocolos y se convierta en consultora estratégica.</p>
      <p style="font-weight:500;color:var(--dark)">Este ebook es el primer paso de ese camino.</p>
    </div>
  </div>
</section>

<!-- ══ GARANTÍA ══ -->
<section class="garantia">
  <div class="garantia-inner">
    <div class="garantia-num"><span>🛡</span> 7</div>
    <h3>Días de garantía total</h3>
    <p>Si lees el ebook y sientes que no cambió nada en tu forma de pensar la estética, te devuelvo el dinero. Sin preguntas, sin formularios complicados. Directo por Hotmart. El cambio real es la única promesa que vale.</p>
  </div>
</section>

<!-- ══ PARA QUIÉN ══ -->
<section class="para-quien">
  <div class="section-inner" style="text-align:center">
    <p class="section-label">¿Es para ti?</p>
    <h2>Este ebook tiene un filtro.</h2>
    <p>No es para todas las esteticistas. Es para las que ya saben hacer — y quieren empezar a decidir.</p>
  </div>

  <div class="pq-inner">
    <div class="pq-si">
      <p class="pq-title">Sí es para ti si…</p>
      <ul class="pq-list">
        <li>Quieres escalar sin trabajar más horas</li>
        <li>Estás cansada de competir solo por precio</li>
        <li>Buscas autoridad profesional real</li>
        <li>Quieres resultados consistentes con tus clientas</li>
        <li>Estás lista para cambiar cómo piensas tu negocio</li>
      </ul>
    </div>
    <div class="pq-no">
      <p class="pq-title">No es para ti si…</p>
      <ul class="pq-list">
        <li>Buscas recetas o protocolos nuevos</li>
        <li>Quieres que la máquina haga el trabajo</li>
        <li>No estás dispuesta a cuestionarte</li>
        <li>Esperas resultados sin cambiar el modelo</li>
      </ul>
    </div>
  </div>
</section>

<!-- ══ FAQ ══ -->
<section class="faq">
  <div class="faq-inner">
    <div class="faq-header">
      <p class="section-label">Preguntas frecuentes</p>
      <h2 style="font-family:var(--font-display);font-size:clamp(26px,4vw,40px);color:var(--dark)">Resolvemos tus dudas</h2>
    </div>

    <div class="faq-item">
      <div class="faq-q">¿Es un curso o un ebook?</div>
      <div class="faq-a">Es un ebook digital de 60 páginas con contenido estructurado. No es un curso con videos. Es lectura aplicada — pensada para que puedas implementar desde la primera sesión después de leerlo.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Sirve si ya tengo años de experiencia?</div>
      <div class="faq-a">Especialmente para ti. Este ebook está hecho para esteticistas con 3+ años de práctica que ya dominan la técnica pero sienten que el negocio no crece como debería.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Enseña técnicas o protocolos?</div>
      <div class="faq-a">No. Este ebook no enseña técnicas ni protocolos de cabina. Enseña criterio estratégico: cómo pensar, decidir y estructurar tu negocio para que escale.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Cuánto tiempo necesito para leerlo?</div>
      <div class="faq-a">En una tarde concentrada puedes leer todo el contenido. Pero el impacto real viene de aplicar lo que aprendes — y eso comienza desde la primera sesión.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Aplica en cualquier país?</div>
      <div class="faq-a">Sí. El Método LUMA™ está diseñado para esteticistas hispanohablantes de cualquier país. Los principios de criterio y negocio aplican independientemente de tu ubicación.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Tiene garantía?</div>
      <div class="faq-a">Sí — 7 días de garantía completa por Hotmart. Si no sientes que valió la inversión, solicitas el reembolso directamente desde la plataforma. Sin preguntas.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Qué pasa después del ebook?</div>
      <div class="faq-a">El ebook es la base del Método LUMA™. Después de leerlo, podrás acceder al programa 1:1 y próximamente al curso completo — donde se ejecuta, corrige y transforma tu práctica en detalle.</div>
    </div>
    <div class="faq-item">
      <div class="faq-q">¿Cómo recibo el ebook después de comprar?</div>
      <div class="faq-a">Acceso inmediato. Hotmart te envía el link de descarga al correo en segundos. Funciona en celular, tablet y computadora.</div>
    </div>
  </div>
</section>

<!-- ══ CIERRE ══ -->
<section class="cierre">
  <h2>Tu negocio no escala<br>por falta de <em>estructura.</em></h2>
  <p>El conocimiento sin modelo tiene un techo. Este ebook es el mapa para romperlo.</p>
  <a href="https://pay.hotmart.com/C104527368C" class="cierre-cta">Quiero evolucionar mi negocio →</a>
  <div style="margin-top:20px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap">
    <span style="font-size:13px;color:rgba(255,255,255,0.35)">✓ Acceso inmediato</span>
    <span style="font-size:13px;color:rgba(255,255,255,0.35)">✓ Pago seguro Hotmart</span>
    <span style="font-size:13px;color:rgba(255,255,255,0.35)">✓ Garantía 7 días</span>
  </div>
</section>

<!-- ══ FOOTER ══ -->
<footer>
  <p style="margin-bottom:8px">
    <a href="https://lumaestetic.com">lumaestetic.com</a>
    &nbsp;·&nbsp;
    <a href="https://lumaestetic.com/politica-privacidad">Política de privacidad</a>
    &nbsp;·&nbsp;
    <a href="https://lumaestetic.com/aviso-legal">Aviso legal</a>
  </p>
  <p>© 2025 Método LUMA™ · Lucía Pino · Todos los derechos reservados</p>
</footer>

<!-- ══ STICKY BAR ══ -->
<div class="sticky" id="stickyBar">
  <span class="sticky-text">¿Lista para escalar tu negocio?</span>
  <a href="https://pay.hotmart.com/C104527368C">Quiero el ebook — USD $12 →</a>
</div>

<script>
// Sticky bar
const bar=document.getElementById('stickyBar');
const hero=document.querySelector('.hero');
const io=new IntersectionObserver(([e])=>{
  bar.classList.toggle('show',!e.isIntersecting);
},{threshold:0});
io.observe(hero);

// FAQ accordion
document.querySelectorAll('.faq-q').forEach(q=>{
  q.addEventListener('click',()=>{
    const item=q.parentElement;
    const wasOpen=item.classList.contains('open');
    document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));
    if(!wasOpen)item.classList.add('open');
  });
});
</script>

</body>
</html>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

En Luma Estetic cuidamos tu privacidad. Usamos cookies para mejorar tu experiencia en nuestro sitio. Si continúas navegando, asumimos que estás de acuerdo con nuestras Políticas de Privacidad.   
Privacidad
Verified by MonsterInsights