/* ══════════════════════════════════════════════════════════════════
   LANDING MAYORISTA · Pintecord v4.24
   Usa los mismos colores y tipografías del portal (app.css).
   ══════════════════════════════════════════════════════════════════ */
body.lp{background:var(--surface)}
.lp img{max-width:100%}
.lp h2{font:700 34px/1.1 var(--f-cond)}
.lp h3{font:600 19px/1.2 var(--f-cond)}
.lp-fine{font-size:13px;color:var(--muted)}
.lp .save{color:var(--save)}

/* Barra superior */
.lp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;padding:10px 24px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-logo img{height:30px;display:block}
.lp-nav-links{display:flex;gap:20px;margin-left:12px}
.lp-nav-links a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15px}
.lp-nav-links a:hover{color:var(--blue-ink)}
.lp-nav-cta{margin-left:auto;display:flex;gap:8px;align-items:center}

/* Portada */
.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:56px 24px 40px}
.lp-tag{display:inline-block;background:var(--blue-wash);color:var(--blue-ink);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.lp-tag.naranja{background:#fdece2;color:var(--action-ink)}
.lp-hero h1{font:700 clamp(38px,5vw,60px)/1.02 var(--f-cond);letter-spacing:-.5px;margin-bottom:16px}
.lp-lead{font-size:19px;color:var(--ink-2);max-width:52ch}
.lp-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 12px}
.lp-hero-card{position:relative}
.lp-mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 24px 60px -30px rgba(11,58,91,.55);padding:20px}
.lp-mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.lp-mock-top b{font:700 20px var(--f-cond)}
.lp-mock-top span{font-size:12px;font-weight:700;background:var(--blue);color:#fff;border-radius:999px;padding:3px 10px}
.lp-meter-head{display:flex;align-items:baseline;gap:6px}
.lp-meter-head b{font:700 42px/1 var(--f-cond)}
.lp-meter-head small{color:var(--muted);font-weight:600}
.lp-meter-bar{position:relative;height:20px;border-radius:4px;background:var(--sunken);overflow:hidden;margin:10px 0 8px}
.lp-meter-bar i{position:absolute;inset:0 auto 0 0;width:59%;background:linear-gradient(90deg,var(--blue),var(--blue-ink))}
.lp-meter-bar .mk{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.5}
.lp-meter-bar .m2{left:36%}.lp-meter-bar .m3{left:72%}
.lp-meter p{font-size:14px;background:var(--blue-wash);padding:8px 10px;border-radius:var(--r-s)}
.lp-mock-rows{display:grid;gap:8px;margin:16px 0 0}
.lp-mock-rows>div{display:flex;justify-content:space-between;font-size:15px}
.lp-mock-rows dt,.lp-mock-rows dd{margin:0}
.lp-mock-rows dd{font-family:var(--f-cond);font-weight:700;font-size:17px}
.lp-mock-rows .tot{border-top:2px solid var(--ink);padding-top:10px;margin-top:4px;font-weight:700}
.lp-mock-rows .tot dd{font-size:26px}
.lp-hero-card .swatches{margin-top:18px;height:10px;border-radius:3px;overflow:hidden;display:flex}
.lp-hero-card .swatches i{flex:1}

/* Franja de datos */
.lp-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin-top:20px}
.lp-strip>div{background:var(--paper);padding:20px 24px;text-align:center}
.lp-strip b{display:block;font:700 26px/1.1 var(--f-cond)}
.lp-strip span{font-size:14px;color:var(--muted)}

/* Secciones */
.lp-sec{max-width:1200px;margin:0 auto;padding:64px 24px}
.lp-sec-head{max-width:62ch;margin-bottom:32px}
.lp-sec-head p{color:var(--ink-2);font-size:17px;margin-top:8px}
.lp-soft{background:var(--paper);max-width:none}
.lp-soft>*{max-width:1200px;margin-inline:auto}
.lp-dark{background:var(--night);color:#e7eff6;max-width:none}
.lp-dark .lp-sec-head{max-width:1200px;margin-inline:auto}
.lp-dark h2{color:#fff}
.lp-dark .lp-sec-head p{color:#b7cde0}

/* Antes / ahora */
.lp-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-cmp-col{border:1px solid var(--line);border-radius:var(--r-m);padding:22px}
.lp-cmp-col h3{margin-bottom:14px}
.lp-cmp-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lp-cmp-col li{padding-left:28px;position:relative;color:var(--ink-2)}
.lp-cmp-col li::before{position:absolute;left:0;top:-1px;font-weight:700}
.antes li::before{content:"✕";color:var(--debt)}
.antes{background:var(--sunken)}
.ahora{border-color:var(--save);background:var(--save-wash)}
.ahora li::before{content:"✓";color:var(--save)}
.ahora li{color:var(--ink)}

/* Escalas */
.lp-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto 30px}
.lp-tier{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-m);padding:22px;text-align:center}
.lp-tier h3{color:#b7cde0;font-size:16px}
.lp-tier b{display:block;font:700 40px/1 var(--f-cond);color:#fff;margin:8px 0 6px}
.lp-tier span{color:#b7cde0;font-size:14px}
.lp-tier:last-child{border-color:var(--action);background:rgba(242,101,34,.14)}
.lp-tier:last-child b{color:#ffb488}

/* Calculadora */
.lp-calc{max-width:760px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-m);padding:24px;text-align:center}
.lp-calc h3{color:#fff;margin-bottom:10px}
.lp-calc label{display:block;color:#b7cde0;margin-bottom:10px}
.lp-calc label b{color:#fff;font-family:var(--f-cond);font-size:22px}
.lp-calc input[type=range]{width:100%;accent-color:var(--action)}
.lp-calc-out{margin-top:12px;font-size:18px;color:#fff}
.lp-calc-out b{color:#ffb488}
.lp-calc .lp-fine{color:#9fb6ca;margin-top:10px}
.lp-plus{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:36px auto 0}
.lp-plus b{display:block;color:#fff;margin-bottom:6px;font-size:16px}
.lp-plus p{color:#b7cde0;font-size:14px}

/* Grillas de tarjetas */
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-grid-3{grid-template-columns:repeat(3,1fr)}
.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:22px}
.lp-card h3{margin-bottom:8px}
.lp-card p{color:var(--ink-2);font-size:15px}
.lp-card em{font-style:normal;background:var(--sunken);padding:1px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:13px}

/* Facturador */
.lp-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lp-check{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.lp-check li{padding-left:28px;position:relative;color:var(--ink-2)}
.lp-check li::before{content:"✓";position:absolute;left:0;color:var(--save);font-weight:700}
.lp-check b{color:var(--ink)}
.lp-doc{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 20px 50px -28px rgba(11,58,91,.5);padding:20px;font-size:14px;color:#111}
.lp-doc-head{display:grid;grid-template-columns:1fr 54px 1fr;border:2px solid #111;margin-bottom:14px}
.lp-doc-head>div{padding:10px}
.lp-doc-head small{display:block;color:#555;font-size:12px}
.lp-doc-head .letra{border-inline:2px solid #111;display:grid;place-items:center;font:700 32px var(--f-cond)}
.lp-doc-head .der{text-align:right}
.lp-doc-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed #ddd}
.lp-doc-tot{display:flex;justify-content:space-between;border-top:2px solid #111;margin-top:10px;padding-top:10px;font-size:18px;font-weight:700}
.lp-doc-pie{margin-top:14px;color:#777;font-size:12px;text-align:center}

/* Pasos */
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:paso}
.lp-steps li{position:relative;padding-top:12px}
.lp-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font:700 20px var(--f-cond);margin-bottom:12px}
.lp-steps p{color:var(--ink-2);font-size:15px;margin-top:6px}

/* Preguntas */
.lp-faq{max-width:840px;display:grid;gap:8px}
.lp-faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:4px 18px}
.lp-faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-faq summary::after{content:"+";font:700 22px var(--f-cond);color:var(--muted)}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq p{padding:0 0 16px;color:var(--ink-2)}

/* Alta */
.lp-alta{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;background:var(--paper);max-width:none}
.lp-alta>*{max-width:600px}
.lp-alta-txt{position:sticky;top:90px;justify-self:end;width:100%}
.lp-alta-form .auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px;max-width:none;box-shadow:var(--shadow)}

/* Pie */
.lp-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 24px;border-top:1px solid var(--line);max-width:1200px;margin:0 auto;color:var(--muted);font-size:14px}
.lp-foot-links{display:flex;gap:18px}
.lp-foot a{color:var(--ink-2);text-decoration:none;font-weight:600}

@media (max-width:980px){
  .lp h2{font-size:28px}
  .lp-nav{padding:8px 12px;gap:10px}
  .lp-nav-links{display:none}
  .lp-hero{grid-template-columns:1fr;gap:28px;padding:28px 16px}
  .lp-hero-cta .btn{flex:1 1 100%}
  .lp-strip{grid-template-columns:1fr 1fr}
  .lp-sec{padding:44px 16px}
  .lp-cmp,.lp-tiers,.lp-grid,.lp-grid-3,.lp-plus,.lp-steps,.lp-feature,.lp-alta{grid-template-columns:1fr}
  .lp-alta>*{max-width:none}
  .lp-alta-txt{position:static}
  .lp-doc{font-size:13px}
}
@media (max-width:420px){
  .lp-strip{grid-template-columns:1fr}
  .lp-nav-cta .btn-quiet{display:none}
}