/* =====================================================================
   MindSynZen — Landing pública
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  --rosa:#6A4CFF; --acento:#00AFC2; --acento-d:#087A8A; --suave:#DDF7F4;
  --bg:#F4F7F8; --calido:#F8FAFA; --card:#fff;
  --line:#D9E3E5; --txt:#263238; --heading:#0D1117; --muted:#66757A;
  --shadow:0 18px 50px rgba(13,17,23,.11); --shadow-sm:0 8px 24px rgba(13,17,23,.08);
  --radius:8px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--txt);background:var(--calido);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Montserrat",system-ui,sans-serif;color:var(--heading);margin:0;line-height:1.15;letter-spacing:0}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
section{scroll-margin-top:84px}

/* ---------- Botones ---------- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:.92rem;
  padding:11px 20px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;text-align:center}
.lp-btn-lg{padding:15px 30px;font-size:1rem}
.lp-btn-primary{background:linear-gradient(135deg,var(--acento),var(--rosa));color:#fff;box-shadow:0 12px 26px rgba(196,116,132,.32)}
.lp-btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px);color:#fff}
.lp-btn-ghost{background:#fff;color:var(--heading);border-color:var(--line)}
.lp-btn-ghost:hover{border-color:var(--rosa);color:var(--acento-d);transform:translateY(-2px)}
.lp-btn-wa{background:rgba(196,116,132,.10);color:var(--acento-d);border-color:transparent}
.lp-btn-wa:hover{background:rgba(196,116,132,.18);color:var(--acento-d)}
.w-100{width:100%}.mt-2{margin-top:.5rem}

/* ---------- Navbar ---------- */
.lp-nav{position:sticky;top:0;z-index:50;background:rgba(248,244,245,.82);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:.2s}
.lp-nav.scrolled{background:rgba(255,255,255,.9);border-bottom-color:var(--line);box-shadow:0 4px 20px rgba(122,74,87,.05)}
.lp-nav-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px}
.lp-brand img{height:48px;width:auto;border-radius:5px}
.lp-links{display:flex;gap:6px;margin-left:auto}
.lp-links a{padding:8px 14px;border-radius:10px;color:var(--txt);font-weight:500;font-size:.92rem;transition:.15s}
.lp-links a:hover{background:var(--calido);color:var(--acento-d)}
.lp-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
.lp-burger{display:none;background:none;border:none;font-size:1.5rem;color:var(--heading);cursor:pointer;padding:4px 8px}

/* ---------- Flash ---------- */
.lp-flash{max-width:1200px;margin:14px auto 0;padding:12px 18px;border-radius:12px;font-size:.9rem;font-weight:500}
.lp-flash.ok{background:rgba(46,160,113,.12);color:#2f7a58;border:1px solid rgba(46,160,113,.25)}
.lp-flash.err{background:rgba(196,116,132,.12);color:var(--acento-d);border:1px solid rgba(196,116,132,.3)}

/* ---------- Hero ---------- */
.lp-hero{position:relative;overflow:hidden;
  background:radial-gradient(900px 520px at 12% -10%,rgba(206,142,153,.28),transparent 60%),radial-gradient(760px 460px at 108% 8%,rgba(235,196,204,.5),transparent 55%),var(--calido)}
.lp-hero-grid{max-width:1200px;margin:0 auto;padding:76px 24px 68px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.lp-eyebrow{display:inline-block;font-family:"Montserrat",sans-serif;font-size:.76rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--acento);background:rgba(196,116,132,.1);padding:6px 14px;border-radius:999px;margin-bottom:18px}
.lp-hero-text h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:600;margin-bottom:16px}
.lp-hero-offer{font-size:1.45rem!important;color:var(--heading)!important;margin-top:-6px!important}
.lp-hero-text h1 em{color:var(--acento);font-style:italic}
.lp-hero-text>p{font-size:1.1rem;color:var(--txt);max-width:52ch;margin:0 0 28px}
.lp-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.lp-hero-chips{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}
.lp-hero-chips span{font-size:.86rem;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.lp-hero-chips i{color:var(--rosa)}
.lp-hero-art{display:flex;justify-content:center;align-items:center}
.lp-hero-art img{width:82%;max-width:380px;filter:drop-shadow(0 24px 44px rgba(122,74,87,.2));animation:lp-float 6s ease-in-out infinite}
@keyframes lp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---------- Apoyo en ---------- */
.lp-apoyo{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-apoyo-inner{max-width:1100px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.lp-apoyo-lead{font-family:"Playfair Display",serif;font-style:italic;color:var(--heading);font-size:1.05rem}
.lp-apoyo-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.lp-apoyo-tags span{background:var(--calido);border:1px solid var(--line);color:var(--acento-d);font-size:.82rem;font-weight:500;padding:6px 14px;border-radius:999px}

/* ---------- Secciones ---------- */
.lp-section{max-width:1200px;margin:0 auto;padding:74px 24px}
.lp-head{text-align:center;max-width:640px;margin:0 auto 44px}
.lp-head .lp-eyebrow{margin-bottom:12px}
.lp-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:600;margin-bottom:10px}
.lp-head p{color:var(--muted);font-size:1.02rem;margin:0}
.lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* Cards de servicio */
.lp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);transition:.2s}
.lp-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--suave)}
.lp-card-ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;
  background:linear-gradient(135deg,var(--suave),#f6dfe4);color:var(--acento-d);margin-bottom:18px}
.lp-card h3{font-size:1.18rem;margin-bottom:8px}
.lp-card p{color:var(--muted);font-size:.94rem;margin:0}

/* ---------- Proceso ---------- */
.lp-proceso{background:transparent}
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.lp-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;text-align:center;box-shadow:var(--shadow-sm)}
.lp-step-n{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--acento);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(196,116,132,.4)}
.lp-step-ic{font-size:1.9rem;color:var(--rosa);margin:8px 0 12px}
.lp-step h3{font-size:1.05rem;margin-bottom:6px}
.lp-step p{font-size:.88rem;color:var(--muted);margin:0}

/* ---------- Planes ---------- */
.lp-planes{background:transparent}
.lp-plan-grid{align-items:stretch}
.lp-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:.2s}
.lp-plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.lp-plan.featured{border-color:var(--rosa);box-shadow:0 24px 54px rgba(196,116,132,.2);transform:scale(1.03)}
.lp-plan.featured:hover{transform:scale(1.03) translateY(-6px)}
.lp-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--acento),var(--rosa));color:#fff;font-size:.74rem;font-weight:600;padding:5px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px rgba(196,116,132,.35)}
.lp-plan-ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--suave),#f6dfe4);color:var(--acento-d);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px}
.lp-plan h3{font-size:1.35rem;margin-bottom:4px}
.lp-plan-tag{color:var(--muted);font-size:.85rem}
.lp-plan-price{font-family:"Playfair Display",serif;color:var(--heading);font-size:1.5rem;font-weight:600;margin:16px 0 4px;line-height:1.1}
.lp-plan-price span{display:block;font-family:"Montserrat",sans-serif;font-size:.82rem;font-weight:400;color:var(--muted)}
.lp-plan ul{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:11px}
.lp-plan li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--txt)}
.lp-plan li i{color:var(--acento);margin-top:3px}
.lp-plan .lp-btn{margin-top:auto}

/* ---------- CTA final ---------- */
.lp-cta{padding:0 24px 80px}
.lp-cta-inner{max-width:960px;margin:0 auto;padding:56px 40px;border-radius:28px;text-align:center;
  background:radial-gradient(600px 300px at 50% 0%,rgba(255,255,255,.5),transparent),linear-gradient(135deg,var(--rosa),var(--acento));color:#fff;box-shadow:var(--shadow)}
.lp-cta-inner h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:10px}
.lp-cta-inner p{color:rgba(255,255,255,.92);margin:0 0 26px;font-size:1.05rem}
.lp-cta-inner .lp-btn-primary{background:#fff;color:var(--acento-d);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.lp-cta-inner .lp-btn-primary:hover{color:var(--acento-d)}

/* ---------- Footer ---------- */
.lp-footer{background:#fff;border-top:1px solid var(--line)}
.lp-footer-inner{max-width:1200px;margin:0 auto;padding:52px 24px 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.lp-foot-brand img{height:44px;margin-bottom:12px}
.lp-foot-slogan{font-family:"Playfair Display",serif;font-style:italic;color:var(--acento);margin:0 0 4px}
.lp-foot-desc{color:var(--muted);font-size:.9rem;margin:0;max-width:36ch}
.lp-foot-col h4{font-family:"Montserrat",sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 14px}
.lp-foot-col a{display:flex;align-items:center;gap:8px;color:var(--txt);font-size:.92rem;padding:5px 0;transition:.15s}
.lp-foot-col a:hover{color:var(--acento-d)}
.lp-copy{border-top:1px solid var(--line);padding:18px 24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;max-width:1200px;margin:0 auto;color:var(--muted);font-size:.8rem}
.lp-legal{color:var(--muted-2,#b6a8ac)}

/* ---------- Modal de login ---------- */
.lp-login{border:none;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(122,74,87,.3);position:relative}
.lp-login-x{position:absolute;top:16px;right:16px;z-index:2}
.lp-login-head{text-align:center;padding:30px 30px 8px;background:linear-gradient(180deg,var(--calido),#fff)}
.lp-login-head img{width:60px;height:60px;object-fit:contain;margin:0 auto 10px}
.lp-login-head h3{font-size:1.3rem;margin-bottom:2px}
.lp-login-head p{color:var(--muted);font-size:.86rem;margin:0}
.lp-login-form{padding:20px 30px 10px;display:flex;flex-direction:column;gap:4px}
.lp-login-form label{font-size:.82rem;color:var(--muted);font-weight:500;margin:8px 0 5px}
.lp-field{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;transition:.15s}
.lp-field:focus-within{border-color:var(--rosa);box-shadow:0 0 0 4px rgba(206,142,153,.16)}
.lp-field i{color:var(--acento);font-size:1rem}
.lp-field input{flex:1;border:none;outline:none;background:transparent;padding:13px 0;font-family:inherit;font-size:.95rem;color:var(--txt)}
.lp-login-foot{text-align:center;padding:6px 30px 26px;color:var(--muted);font-size:.88rem}
.lp-login-foot a{color:var(--acento-d);font-weight:600}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .lp-hero-grid{grid-template-columns:1fr;text-align:center}
  .lp-hero-text>p{margin-left:auto;margin-right:auto}
  .lp-hero-cta,.lp-hero-chips{justify-content:center}
  .lp-hero-art{order:-1}.lp-hero-art img{max-width:260px}
  .lp-grid-3{grid-template-columns:1fr 1fr}
  .lp-steps{grid-template-columns:1fr 1fr}
  .lp-plan.featured{transform:none}.lp-plan.featured:hover{transform:translateY(-6px)}
  .lp-footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .lp-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;margin:0;box-shadow:var(--shadow-sm)}
  body.lp-open .lp-links{display:flex}
  .lp-links a{padding:12px}
  .lp-burger{display:inline-block}
  .lp-nav-inner{gap:10px}
  .lp-brand img{height:36px}
  .lp-btn-wa span,.lp-actions .lp-btn{font-size:.85rem}
  .lp-grid-3,.lp-steps,.lp-footer-inner{grid-template-columns:1fr}
  .lp-section{padding:56px 20px}
  .lp-hero-grid{padding:48px 20px}
}

/* =====================================================================
   Demo pública (mini-pruebas + captación) — clases .dm-*
   ===================================================================== */
.dm-note{max-width:760px;margin:-18px auto 34px;background:rgba(196,116,132,.08);border:1px solid var(--suave);color:var(--acento-d);
  border-radius:14px;padding:12px 18px;font-size:.9rem;text-align:center}
.dm-note i{margin-right:6px}

/* Selector de pruebas */
.dm-picker{margin-top:8px}
.dm-pick{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;cursor:pointer;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-sm);transition:.2s;font-family:inherit;color:var(--txt)}
.dm-pick:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--suave)}
.dm-pick-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  background:linear-gradient(135deg,var(--suave),#f6dfe4);color:var(--acento-d)}
.dm-pick-name{font-family:"Playfair Display",serif;color:var(--heading);font-size:1.2rem;font-weight:600}
.dm-pick-desc{color:var(--muted);font-size:.9rem}
.dm-pick-time{color:var(--acento);font-size:.8rem;font-weight:600;margin-top:2px}

/* Arena de juego */
.dm-arena{max-width:760px;margin:34px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
.dm-arena-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.dm-arena-head h3{font-size:1.3rem}
.dm-instr{color:var(--muted);font-size:.94rem;margin:0 0 14px}
.dm-stage{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:var(--calido);border:1px dashed var(--line);border-radius:14px;padding:20px;user-select:none}
.dm-stage-idle{color:var(--muted);font-size:1rem;text-align:center}
.dm-stage-idle i{font-size:1.6rem;display:block;margin-bottom:8px;color:var(--rosa)}
.dm-stage-hint{color:var(--muted);font-size:.9rem}
.dm-controls{text-align:center;margin-top:16px}

/* Juego: reacción */
.dm-react{width:240px;height:170px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff;cursor:pointer;transition:background .05s}
.dm-react-wait{background:var(--acento-d)}
.dm-react-go{background:#2e9d6e}
.dm-react-early{background:#c98a3a}

/* Juego: go/no-go */
.dm-goNoGo{width:220px;height:160px;border-radius:16px;font-size:3.4rem;line-height:1;color:var(--heading);
  background:#fff;border:2px solid var(--suave);cursor:pointer;transition:.1s}
.dm-goNoGo.dm-good{background:#e6f6ee;border-color:#2e9d6e;color:#2e9d6e}
.dm-goNoGo.dm-bad{background:#fbeaee;border-color:var(--acento);color:var(--acento-d)}

/* Juego: memoria */
.dm-mem-grid{display:grid;grid-template-columns:repeat(3,72px);gap:9px}
.dm-mem-cell{height:72px;border-radius:12px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:.12s}
.dm-mem-on{background:linear-gradient(135deg,var(--acento),var(--rosa));border-color:var(--acento)}
.dm-mem-hit{background:#2e9d6e;border-color:#2e9d6e}
.dm-mem-miss{background:var(--acento-d);border-color:var(--acento-d)}

/* Resultado */
.dm-result{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px;padding:22px;border-radius:16px;
  background:radial-gradient(600px 200px at 0% 0%,rgba(235,196,204,.5),transparent),var(--calido);border:1px solid var(--suave)}
.dm-result-score{flex:0 0 auto;width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--acento),var(--rosa));color:#fff;box-shadow:0 12px 26px rgba(196,116,132,.32)}
.dm-result-score span{font-family:"Playfair Display",serif;font-size:2.2rem;font-weight:700;line-height:1}
.dm-result-score small{font-size:.8rem;opacity:.9}
.dm-result-body{flex:1;min-width:220px}
.dm-result-band{font-family:"Playfair Display",serif;font-size:1.25rem;font-weight:700;margin-bottom:4px}
.dm-result-detail{color:var(--txt);font-size:.9rem;margin-bottom:8px}
.dm-result-msg{color:var(--muted);font-size:.9rem;margin:0 0 14px}

/* Formulario de captación */
.dm-form-sec{padding-top:20px}
.dm-form-wrap{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:start;
  background:var(--card);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow-sm)}
.dm-form-aside h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:8px 0 10px}
.dm-form-aside>p{color:var(--muted);font-size:.98rem;margin:0 0 18px}
.dm-benefits{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.dm-benefits li{display:flex;align-items:flex-start;gap:9px;font-size:.92rem;color:var(--txt)}
.dm-benefits li i{color:var(--acento);margin-top:2px}
.dm-your-result{display:inline-flex;flex-direction:column;gap:2px;background:var(--calido);border:1px solid var(--suave);border-radius:12px;padding:12px 16px}
.dm-yr-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;color:var(--acento);font-weight:600}
.dm-yr-value{color:var(--heading);font-weight:600;font-size:.92rem}

.dm-form{display:flex;flex-direction:column;gap:14px}
.dm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dm-field{display:flex;flex-direction:column;gap:6px}
.dm-field-sm{max-width:120px}
.dm-field label{font-size:.82rem;color:var(--muted);font-weight:500}
.dm-field input,.dm-field select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.95rem;color:var(--txt);background:#fff;transition:.15s}
.dm-field input:focus,.dm-field select:focus{outline:none;border-color:var(--rosa);box-shadow:0 0 0 4px rgba(206,142,153,.16)}
.dm-legal{color:var(--muted);font-size:.78rem;margin:4px 0 0;text-align:center}
/* Honeypot: invisible para humanos */
.dm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Confirmación */
.dm-gracias{display:flex;justify-content:center}
.dm-gracias-card{max-width:620px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:46px 38px;box-shadow:var(--shadow)}
.dm-gracias-ic{font-size:3.4rem;color:#2e9d6e;line-height:1;margin-bottom:10px}
.dm-gracias-card h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:12px}
.dm-gracias-card>p{color:var(--txt);font-size:1.02rem;margin:0 0 12px}
.dm-gracias-sub{color:var(--muted)!important;font-size:.95rem!important}
.dm-gracias-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0 10px}

@media(max-width:820px){
  .dm-form-wrap{grid-template-columns:1fr;padding:26px}
}
@media(max-width:520px){
  .dm-row{grid-template-columns:1fr}
  .dm-field-sm{max-width:none}
  .dm-result{flex-direction:column;text-align:center}
}