/**
 * Landing «Despachos y asesorías» — estilo Apple, escala grande.
 * TODO scopeado bajo .lp para no colisionar con letnova-senal.css.
 * Se encola SOLO en la plantilla page-despachos.php.
 */
.lp{
  --verde:#00B37A; --verde-d:#00925F; --tinta:#10201B; --nube:#FAF8F4;
  --arcilla:#D96E49; --piedra:#7C8782; --line:#e7e3da;
  --sans:"Space Grotesk",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif; --mono:"JetBrains Mono",monospace;
  background:var(--nube); color:var(--tinta); font-family:var(--body); line-height:1.5;
}
.lp *{box-sizing:border-box}
.lp .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.lp h1,.lp h2,.lp h3{font-family:var(--sans);font-weight:600;letter-spacing:-.03em;line-height:1.04;margin:0}
.lp p{margin:0}
.lp .eye{font-family:var(--mono);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-d)}
.lp .g{color:var(--verde)}

/* CTA */
.lp .cta{display:inline-flex;align-items:center;gap:12px;background:var(--tinta);color:var(--nube);font-family:var(--sans);font-weight:600;font-size:16px;padding:15px 26px;border-radius:100px;text-decoration:none;transition:.25s;border:1px solid var(--tinta)}
.lp .cta:hover{background:#1c3329;transform:translateY(-2px)}
.lp .cta .circ{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--verde);color:var(--tinta);font-size:13px;transition:.25s}
.lp .cta:hover .circ{transform:translateX(3px)}
.lp .cta.ghost{background:transparent;color:var(--tinta);border-color:var(--line)}
.lp .cta.ghost:hover{background:#fff;border-color:var(--tinta)}
.lp .cta.lg{font-size:18px;padding:18px 32px}

/* Barra mínima (sin menú) */
.lp-topbar{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.72);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.05)}
.lp-topbar .wrap{height:60px;display:flex;align-items:center;justify-content:space-between}
.lp-logo{font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:-.04em;display:inline-flex;align-items:center;text-decoration:none;color:var(--tinta)}
.lp-logo .cur{display:inline-block;width:9px;height:20px;background:var(--verde);margin-left:3px;border-radius:1px;animation:lp-blink 1.1s steps(1) infinite;transform:translateY(2px)}
@keyframes lp-blink{50%{opacity:0}}
.lp-topbar .r{display:flex;align-items:center;gap:16px}
.lp-topbar .lp-lang ul{list-style:none;display:flex;gap:8px;margin:0;padding:0;font-family:var(--mono);font-size:12px;text-transform:uppercase}
.lp-topbar .lp-lang a{color:var(--piedra);text-decoration:none}
.lp-topbar .lp-lang .current-lang a,.lp-topbar .lp-lang a[aria-current]{color:var(--tinta);font-weight:600}
.lp-mini{font-family:var(--sans);font-weight:600;font-size:14px;text-decoration:none;color:var(--tinta);background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:100px;transition:.2s}
.lp-mini:hover{border-color:var(--tinta)}

/* HERO grande (estilo Apple) */
.lp-hero{min-height:94vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,11vw,150px) 0 clamp(48px,7vw,90px);text-align:center;position:relative;overflow:hidden}
.lp-hero .eye{display:inline-block;margin-bottom:30px}
.lp-hero h1{font-size:clamp(52px,10.5vw,120px);font-weight:700;letter-spacing:-.04em;line-height:.98;max-width:14ch;margin:0 auto 30px}
.lp-hero .sub{font-size:clamp(19px,2.4vw,26px);line-height:1.4;color:#3a4a42;max-width:52ch;margin:0 auto 42px}
.lp-hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Producto = panel de consultas */
.lp-stage{margin:clamp(48px,7vw,84px) auto 0;max-width:960px;position:relative}
.lp-stage::before{content:"";position:absolute;inset:-8% -6% 30% -6%;background:radial-gradient(60% 80% at 50% 0,rgba(0,179,122,.16),transparent 70%);z-index:0}
.lp-panel{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -30px rgba(16,32,27,.35);overflow:hidden;text-align:left}
.lp-panel-top{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fcfbf8}
.lp-dot{width:11px;height:11px;border-radius:50%}
.lp-panel-top .t{margin-left:12px;font-family:var(--mono);font-size:12px;color:var(--piedra)}
.lp-panel-top .live{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--verde-d);display:flex;align-items:center;gap:6px}
.lp-panel-top .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 0 rgba(0,179,122,.5);animation:lp-pulse 1.8s infinite}
@keyframes lp-pulse{70%{box-shadow:0 0 0 8px rgba(0,179,122,0)}100%{box-shadow:0 0 0 0 rgba(0,179,122,0)}}
.lp-panel-body{display:grid;grid-template-columns:1.4fr 1fr;gap:0}
.lp-leads{padding:8px}
.lp-lead{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;transition:.2s}
.lp-lead:hover{background:#f6f4ef}
.lp-lead .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-weight:600;font-size:14px;color:#fff;flex:none}
.lp-lead .nm{font-family:var(--sans);font-weight:600;font-size:14.5px}
.lp-lead .mt{font-size:12.5px;color:var(--piedra)}
.lp-lead .src{margin-left:auto;font-family:var(--mono);font-size:10.5px;padding:4px 9px;border-radius:100px;background:#eef6f2;color:var(--verde-d);white-space:nowrap}
.lp-lead .src.g2{background:#fbeee7;color:#b5613c}
.lp-lead .src.g3{background:#eef1f7;color:#4a5b86}
.lp-side{border-left:1px solid var(--line);padding:20px;background:#fcfbf8}
.lp-side .k{font-family:var(--mono);font-size:11px;color:var(--piedra);text-transform:uppercase;letter-spacing:.1em}
.lp-side .big{font-family:var(--sans);font-weight:700;font-size:34px;letter-spacing:-.03em;margin:2px 0}
.lp-side .delta{font-size:12.5px;color:var(--verde-d);font-weight:600;margin-bottom:22px}
.lp-bars{display:flex;align-items:flex-end;gap:7px;height:70px;margin-top:6px}
.lp-bars i{flex:1;background:var(--verde);border-radius:4px 4px 0 0;opacity:.85}
.lp-side .note{font-size:12px;color:var(--piedra);margin-top:14px;font-family:var(--mono)}

/* secciones grandes */
.lp .band{padding:clamp(90px,13vw,180px) 0}
.lp .center{text-align:center;max-width:960px;margin:0 auto}
.lp .center .eye{margin-bottom:24px;display:inline-block}
.lp .center h2{font-size:clamp(40px,6.4vw,76px);letter-spacing:-.04em;line-height:1}
.lp .center .lead-p{font-size:clamp(18px,2.1vw,23px);color:#3a4a42;margin-top:26px}

.lp-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,64px)}
.lp-pcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px}
.lp-pcard .q{font-family:var(--sans);font-weight:600;font-size:18px;line-height:1.3;margin-bottom:14px}
.lp-pcard .s{font-size:14.5px;color:#4a5851}

.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:clamp(44px,5vw,70px)}
.lp-step .n{font-family:var(--mono);font-size:13px;color:var(--verde-d);letter-spacing:.1em}
.lp-step .ic{width:60px;height:60px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--verde-d);margin:16px 0 20px}
.lp-step h3{font-size:24px;margin-bottom:10px}
.lp-step p{font-size:15px;color:#4a5851;max-width:34ch}

.lp .moment{background:var(--tinta);color:var(--nube);text-align:center}
.lp .moment .eye{color:var(--verde)}
.lp .moment h2{font-size:clamp(42px,7.4vw,92px);letter-spacing:-.04em;line-height:.98;max-width:15ch;margin:24px auto 0;color:var(--nube)}
.lp .moment p{color:#b9c9c1;font-size:clamp(18px,2.1vw,23px);max-width:50ch;margin:30px auto 0}
.lp .chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.lp .chip{font-family:var(--mono);font-size:12.5px;color:#cfe0d8;border:1px solid rgba(255,255,255,.16);padding:9px 16px;border-radius:100px}

.lp .proof{text-align:center}
.lp .proof .quote{font-family:var(--sans);font-weight:600;font-size:clamp(28px,4.6vw,52px);line-height:1.16;max-width:20ch;margin:0 auto;letter-spacing:-.03em}
.lp .proof .who{margin-top:30px;font-size:14px;color:var(--piedra);font-family:var(--mono)}

.lp .close{text-align:center}
.lp .close h2{font-size:clamp(38px,6vw,74px);letter-spacing:-.04em;line-height:1;max-width:17ch;margin:0 auto 22px}
.lp .close p{color:#3a4a42;font-size:clamp(18px,2vw,22px);margin-bottom:36px}

/* footer slim */
.lp-foot{border-top:1px solid var(--line);padding:34px 0;background:var(--nube)}
.lp-foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lp-foot .lk{display:flex;gap:22px;font-size:13px;flex-wrap:wrap}
.lp-foot a{color:var(--piedra);text-decoration:none}
.lp-foot a:hover{color:var(--tinta)}
.lp-foot .cp{font-family:var(--mono);font-size:12px;color:var(--piedra)}

/* reveal propio de la landing (.lp-up) — observer inline en footer-landing; noscript fallback en header-landing */
.lp .lp-up{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.lp .lp-up.in{opacity:1;transform:none}

@media(max-width:820px){
  .lp-pains,.lp-steps{grid-template-columns:1fr}
  .lp-panel-body{grid-template-columns:1fr}
  .lp-side{border-left:none;border-top:1px solid var(--line)}
  .lp-hero{min-height:auto}
  .lp-hero h1{font-size:clamp(38px,11vw,60px)}
}