/* Abogux v65 — portada: tarjetas animadas por herramienta, pasos, clientes, planes por herramienta, app y cintas.
   Mismos colores, logo y fondo animado de siempre. Todo con CSS (sin librerías); las animaciones se pausan fuera
   de la pantalla y se apagan con "reducir movimiento". */
:root{--lx-card:rgba(10,20,15,.66);--lx-card2:rgba(255,255,255,.035);--lx-in:rgba(18,32,25,.92);--lx-line2:rgba(210,255,225,.09)}

/* ---------- Aparición al hacer scroll ---------- */
.lx-js .lx-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}
.lx-js .lx-rv.lx-in{opacity:1;transform:none}

/* ---------- Encabezados ---------- */
.lx-h2 em{font-style:normal;background:var(--lp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Tarjetas de herramientas ---------- */
.lx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx-card{position:relative;display:flex;flex-direction:column;padding:12px 12px 22px;border-radius:22px;background:var(--lx-card);border:1px solid var(--lp-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:border-color .35s,transform .35s,box-shadow .35s;isolation:isolate}
.lx-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;z-index:-1;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(143,236,74,.13),transparent 60%)}
.lx-card:hover{border-color:rgba(143,236,74,.38);transform:translateY(-4px);box-shadow:0 26px 60px -28px rgba(143,236,74,.45)}
.lx-card:hover::before{opacity:1}
.lx-card h3{margin:18px 10px 6px;font-size:17px;font-weight:600;color:var(--lp-lime);text-align:center;letter-spacing:-.005em}
.lx-card p{margin:0 12px;color:var(--lp-muted);font-size:13.8px;line-height:1.62;text-align:center}
.lx-tag{align-self:center;margin-top:12px;padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--lp-muted);background:rgba(255,255,255,.05);border:1px solid var(--lp-line)}
.lx-tag.all{color:var(--lp-lime);border-color:rgba(143,236,74,.3);background:rgba(143,236,74,.07)}
.lx-tag:empty{display:none}

/* Escena animada */
.lx-scene{position:relative;height:208px;border-radius:15px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--lx-line2)}
.lx-scene::before{content:"";position:absolute;left:50%;bottom:-80px;width:360px;height:200px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(143,236,74,.28),transparent 68%);z-index:-1;animation:lxGlow 5s ease-in-out infinite}
.lx-scene::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;background-image:linear-gradient(rgba(143,236,74,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(143,236,74,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 78%)}
.lx-pausa,.lx-pausa *,.lx-pausa::before{animation-play-state:paused!important}
@keyframes lxGlow{0%,100%{opacity:.65}50%{opacity:1}}
.lx-box{background:var(--lx-in);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}
.lx-scene b{font-weight:600;color:var(--lp-text)}
.lx-scene small{color:var(--lp-dim)}
.lx-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lp-lime);box-shadow:0 0 8px var(--lp-lime)}

/* 1. Correo: proveedores girando alrededor de Abogux + correos con resumen IA */
.lx-hub{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:18px;display:grid;place-items:center;background:#0d1913;border:1px solid rgba(143,236,74,.45);box-shadow:0 0 0 8px rgba(143,236,74,.05),0 0 34px rgba(143,236,74,.35);z-index:2}
.lx-hub img{width:34px;height:auto}
.lx-ring{position:absolute;left:50%;top:50%;width:168px;height:168px;margin:-84px 0 0 -84px;border-radius:50%;border:1px dashed rgba(143,236,74,.22);animation:lxSpin 22s linear infinite}
.lx-ring>span{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:12px;display:grid;place-items:center;animation:lxSpin 22s linear infinite reverse;box-shadow:0 8px 20px -8px rgba(0,0,0,.7)}
.lx-ring>span:nth-child(1){left:50%;top:0}.lx-ring>span:nth-child(2){left:100%;top:50%}.lx-ring>span:nth-child(3){left:50%;top:100%}.lx-ring>span:nth-child(4){left:0;top:50%}
.lx-ring svg{width:22px;height:22px}
.lx-pv-g{background:#fff}.lx-pv-o{background:linear-gradient(135deg,#1c8cf0,#0a5bc4)}.lx-pv-i{background:linear-gradient(135deg,#2c3a33,#1a2620);border:1px solid var(--lp-line)}.lx-pv-y{background:linear-gradient(135deg,#7b3fe4,#5a22c2)}
.lx-wave{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:18px;border:1px solid rgba(143,236,74,.5);animation:lxWave 3.2s ease-out infinite}
.lx-wave.b{animation-delay:1.6s}
@keyframes lxWave{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
@keyframes lxSpin{to{transform:rotate(360deg)}}
.lx-mail{position:absolute;display:flex;gap:8px;align-items:center;padding:7px 10px;font-size:10.5px;line-height:1.3;max-width:58%;opacity:0;z-index:3;animation:lxPop 9s ease-in-out infinite}
.lx-mail i{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10px;color:#06140c;background:var(--lp-grad)}
.lx-mail span{display:grid;min-width:0}
.lx-mail small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.lx-chip.hot{background:rgba(255,110,90,.16);color:#ff9d8a}
.lx-chip.ia{background:rgba(143,236,74,.15);color:var(--lp-lime)}
.lx-chip.ok{background:rgba(79,209,117,.16);color:#7fe39c}
.lx-chip.mid{background:rgba(255,200,80,.14);color:#ffd27a}
.lx-mail.m1{left:10px;top:14px}.lx-mail.m2{right:10px;top:72px;animation-delay:3s}.lx-mail.m3{left:14px;bottom:14px;animation-delay:6s}
@keyframes lxPop{0%,4%{opacity:0;transform:translateY(10px) scale(.94)}9%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-6px) scale(.97)}}

/* 2. Asistente: conversación */
.lx-chat{position:absolute;inset:12px;display:flex;flex-direction:column;gap:7px;padding:10px 12px}
.lx-chat-top{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--lx-line2);font-size:11px}
.lx-chat-top .lx-av{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#0d1913;border:1px solid rgba(143,236,74,.4)}
.lx-chat-top .lx-av img{width:15px}
.lx-chat-top span{display:grid;line-height:1.25}
.lx-chat-top small{color:var(--lp-green);font-size:9.5px}
.lx-b{max-width:84%;padding:7px 10px;border-radius:12px;font-size:10.5px;line-height:1.4;opacity:0;animation:lxSeq 10s ease-in-out infinite}
.lx-b.me{align-self:flex-end;background:linear-gradient(135deg,#8fec4a,#4fd175);color:#06140c;font-weight:500;border-bottom-right-radius:4px}
.lx-b.ai{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid var(--lx-line2);color:var(--lp-text);border-bottom-left-radius:4px}
.lx-doc{display:flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.3);font-size:9.5px;color:var(--lp-muted)}
.lx-doc svg{width:13px;height:13px;color:#6aa9ff}
.lx-acts{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.lx-acts span{padding:3px 8px;border-radius:999px;border:1px solid rgba(143,236,74,.35);color:var(--lp-lime);font-size:9px;font-weight:600}
.lx-typing{align-self:flex-start;display:flex;gap:3px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.07);opacity:0;animation:lxType 10s ease-in-out infinite}
.lx-typing i{width:5px;height:5px;border-radius:50%;background:var(--lp-muted);animation:lxBounce 1s ease-in-out infinite}
.lx-typing i:nth-child(2){animation-delay:.15s}.lx-typing i:nth-child(3){animation-delay:.3s}
@keyframes lxBounce{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.lx-b.s1{animation-name:lxSeq1}.lx-b.s2{animation-name:lxSeq2}
@keyframes lxSeq1{0%,4%{opacity:0;transform:translateY(8px)}9%,88%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes lxType{0%,14%{opacity:0;height:0;padding:0 10px}17%,33%{opacity:1;height:21px;padding:8px 10px}36%,100%{opacity:0;height:0;padding:0 10px}}
@keyframes lxSeq2{0%,36%{opacity:0;transform:translateY(8px)}42%,88%{opacity:1;transform:none}95%,100%{opacity:0}}

/* 3. Procesos: expediente con nueva actuación */
.lx-exp{position:absolute;left:50%;top:50%;width:84%;transform:translate(-50%,-50%);padding:12px 14px;font-size:10.5px}
.lx-exp-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.lx-exp-h span{display:grid;line-height:1.3}
.lx-tl{position:relative;display:grid;gap:8px;padding-left:16px}
.lx-tl::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:1px;background:var(--lp-line)}
.lx-tl div{position:relative;display:flex;justify-content:space-between;gap:8px;color:var(--lp-muted)}
.lx-tl div::before{content:"";position:absolute;left:-15px;top:4px;width:7px;height:7px;border-radius:50%;background:#2c3a33;border:1px solid var(--lp-line)}
.lx-tl .new{color:var(--lp-text);animation:lxNew 7s ease-in-out infinite}
.lx-tl .new::before{background:var(--lp-lime);border-color:var(--lp-lime);box-shadow:0 0 0 0 rgba(143,236,74,.6);animation:lxPing 1.8s ease-out infinite}
@keyframes lxNew{0%,10%{opacity:0;transform:translateX(-10px);max-height:0}18%,90%{opacity:1;transform:none;max-height:30px}100%{opacity:0;max-height:30px}}
@keyframes lxPing{0%{box-shadow:0 0 0 0 rgba(143,236,74,.6)}100%{box-shadow:0 0 0 9px rgba(143,236,74,0)}}
.lx-bell{position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#0d1913;border:1px solid var(--lp-line);color:var(--lp-lime);animation:lxRing 7s ease-in-out infinite;z-index:2}
.lx-bell svg{width:15px;height:15px}
.lx-bell::after{content:"1";position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#ff6b55;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}
@keyframes lxRing{0%,14%,30%,100%{transform:rotate(0)}17%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}23%{transform:rotate(8deg)}26%{transform:rotate(-4deg)}}

/* 4. Agenda */
.lx-cal{position:absolute;left:50%;top:16px;width:86%;transform:translateX(-50%);padding:10px 12px}
.lx-cal-h{display:flex;justify-content:space-between;font-size:10.5px;margin-bottom:8px}
.lx-cal-g{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.lx-cal-g small{text-align:center;font-size:9px;font-weight:600}
.lx-cal-g i{height:17px;border-radius:5px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.07)}
.lx-cal-g i.on{border:0;background:linear-gradient(135deg,rgba(143,236,74,.55),rgba(79,209,117,.35));animation:lxFill 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes lxFill{0%,8%{opacity:.15;transform:scale(.85)}18%,85%{opacity:1;transform:none}100%{opacity:.15}}
.lx-ev{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:8px;padding:7px 11px;font-size:10.5px;animation:lxFloat 4s ease-in-out infinite}
.lx-ev2{left:auto;right:16px;bottom:40px;animation-delay:-2s}
.lx-ev svg{width:14px;height:14px;color:var(--lp-lime)}
@keyframes lxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* 5. Tu día */
.lx-day{position:absolute;inset:14px 16px;display:flex;flex-direction:column;gap:7px}
.lx-day-h{display:flex;align-items:center;gap:10px;font-size:11.5px;margin-bottom:2px}
.lx-sun{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#d8ff9e,#8fec4a 55%,#4fd175);box-shadow:0 0 22px rgba(143,236,74,.6);animation:lxGlow 3s ease-in-out infinite}
.lx-day-h span{display:grid;line-height:1.3}
.lx-it{display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:10.5px;opacity:0;animation:lxList 9s ease-in-out infinite;animation-delay:var(--d,0s)}
.lx-it em{font-style:normal;margin-left:auto}
.lx-it .lx-dot.r{background:#ff7a66;box-shadow:0 0 8px #ff7a66}.lx-it .lx-dot.a{background:#ffc857;box-shadow:0 0 8px #ffc857}
@keyframes lxList{0%,3%{opacity:0;transform:translateX(-14px)}10%,86%{opacity:1;transform:none}94%,100%{opacity:0}}

/* 6. Contabilidad */
.lx-inv{position:absolute;left:50%;top:14px;width:72%;transform:translateX(-50%);padding:12px 14px;font-size:10px}
.lx-inv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.lx-inv-h i{width:24px;height:24px;border-radius:7px;background:#0d1913;border:1px solid rgba(143,236,74,.4);display:grid;place-items:center}
.lx-inv-h i img{width:13px}
.lx-ln{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}
.lx-ln u{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.12);text-decoration:none;width:0;animation:lxLine 8s ease-in-out infinite;animation-delay:var(--d,0s)}
.lx-ln s{text-decoration:none;color:var(--lp-muted)}
@keyframes lxLine{0%,5%{width:0}20%,90%{width:var(--w,60%)}100%{width:0}}
.lx-tot{display:flex;justify-content:space-between;padding-top:7px;margin-top:8px;border-top:1px dashed var(--lp-line);font-size:11px}
.lx-tot b{color:var(--lp-lime)!important}
.lx-stamp{position:absolute;right:-12px;bottom:-12px;padding:5px 12px;border-radius:8px;border:2px solid var(--lp-lime);color:var(--lp-lime);font-weight:800;font-size:11px;letter-spacing:.12em;transform:rotate(-12deg);background:rgba(6,20,12,.85);opacity:0;animation:lxStamp 8s ease-in-out infinite}
@keyframes lxStamp{0%,42%{opacity:0;transform:rotate(-12deg) scale(1.8)}48%,90%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0}}

/* 7. Calculadoras */
.lx-calc{position:absolute;left:16px;top:16px;width:46%;padding:10px}
.lx-disp{padding:8px 9px;border-radius:8px;background:rgba(0,0,0,.35);text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;color:var(--lp-lime)}
.lx-win{height:20px;overflow:hidden}
.lx-disp span{display:block;animation:lxRoll 8s steps(1) infinite}
.lx-disp span i{display:block;font-style:normal;height:20px;line-height:20px}
@keyframes lxRoll{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(-40px)}75%{transform:translateY(-60px)}}
.lx-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}
.lx-keys i{height:15px;border-radius:4px;background:rgba(255,255,255,.07)}
.lx-keys i.g{background:rgba(143,236,74,.4)}
.lx-bars{position:absolute;right:18px;top:22px;width:38%;height:96px;display:flex;align-items:flex-end;gap:6px;padding:0 4px;border-bottom:1px solid var(--lp-line)}
.lx-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#8fec4a,rgba(79,209,117,.25));height:var(--h);transform-origin:bottom;animation:lxBar 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes lxBar{0%,6%{transform:scaleY(.1)}24%,86%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.lx-calc-chips{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.lx-calc-chips span{padding:4px 9px;border-radius:999px;font-size:9.5px;font-weight:600;border:1px solid var(--lp-line);color:var(--lp-muted);animation:lxHi 9s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes lxHi{0%,30%,100%{color:var(--lp-muted);border-color:var(--lp-line);background:transparent}5%,25%{color:#06140c;border-color:transparent;background:var(--lp-lime)}}

/* 8. Biblioteca */
.lx-search{position:absolute;left:50%;top:16px;width:84%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 11px;font-size:10.5px}
.lx-search svg{width:13px;height:13px;color:var(--lp-lime)}
.lx-typed{display:inline-block;overflow:hidden;white-space:nowrap;border-right:1.5px solid var(--lp-lime);width:0;animation:lxTyped 8s steps(26) infinite,lxCaret .8s step-end infinite}
@keyframes lxTyped{0%,5%{width:0}40%,88%{width:26ch}100%{width:0}}
@keyframes lxCaret{50%{border-color:transparent}}
.lx-res{position:absolute;left:50%;width:84%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;padding:7px 10px;font-size:10px;opacity:0;animation:lxRes 8s ease-in-out infinite;animation-delay:var(--d,0s)}
.lx-res i{flex-shrink:0;width:22px;height:26px;border-radius:4px;background:linear-gradient(180deg,rgba(143,236,74,.45),rgba(79,209,117,.2))}
.lx-res span{display:grid;line-height:1.3;min-width:0}
.lx-res small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-res.r1{top:62px}.lx-res.r2{top:108px}.lx-res.r3{top:154px}
@keyframes lxRes{0%,38%{opacity:0;transform:translate(-50%,10px)}46%,88%{opacity:1;transform:translate(-50%,0)}96%,100%{opacity:0}}

/* 9. Solicitudes (Abogux Legal) */
.lx-map{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(143,236,74,.07),transparent 40%),radial-gradient(circle at 75% 60%,rgba(79,209,117,.07),transparent 40%)}
.lx-pin{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--lp-lime);box-shadow:0 0 12px rgba(143,236,74,.8)}
.lx-pin::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(143,236,74,.6);animation:lxWave 2.6s ease-out infinite;animation-delay:var(--d,0s)}
.lx-req{position:absolute;left:50%;bottom:16px;width:78%;transform:translateX(-50%);padding:10px 12px;font-size:10.5px;animation:lxReq 8s ease-in-out infinite}
.lx-req-h{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px}
.lx-req p{margin:0 0 8px;font-size:10px;color:var(--lp-muted);text-align:left}
.lx-req-b{display:flex;gap:6px}
.lx-req-b span{flex:1;text-align:center;padding:5px;border-radius:7px;font-size:9.5px;font-weight:700}
.lx-req-b span:first-child{background:var(--lp-grad);color:#06140c;animation:lxPulse2 2.4s ease-in-out infinite}
.lx-req-b span:last-child{border:1px solid var(--lp-line);color:var(--lp-muted)}
@keyframes lxReq{0%,4%{opacity:0;transform:translate(-50%,16px)}12%,88%{opacity:1;transform:translate(-50%,0)}96%,100%{opacity:0;transform:translate(-50%,8px)}}
@keyframes lxPulse2{0%,100%{box-shadow:0 0 0 0 rgba(143,236,74,.5)}50%{box-shadow:0 0 0 5px rgba(143,236,74,0)}}

/* 10. Documentos con membrete */
.lx-page{position:absolute;left:50%;top:14px;width:58%;height:178px;transform:translateX(-50%) rotate(-2deg);padding:12px;background:#f4f8f5;border-radius:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.9);animation:lxFloat 5s ease-in-out infinite}
.lx-page-h{display:flex;align-items:center;gap:7px;padding-bottom:7px;margin-bottom:8px;border-bottom:2px solid #4fd175}
.lx-page-h img{width:16px}
.lx-page-h b{color:#123322!important;font-size:9.5px;letter-spacing:.08em}
.lx-page i{display:block;height:4px;border-radius:3px;background:#cfdcd3;margin:6px 0;width:var(--w,100%)}
.lx-sign{position:absolute;right:12px;bottom:10px;width:64px;height:24px}
.lx-sign path{fill:none;stroke:#1f5f3a;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120;animation:lxSign 6s ease-in-out infinite}
@keyframes lxSign{0%,30%{stroke-dashoffset:120}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:120}}
.lx-word{position:absolute;right:16px;bottom:18px;display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:10px;animation:lxFloat 4s ease-in-out infinite;animation-delay:-1s}
.lx-word i{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:10px;color:#fff}

/* 11. Contactos */
.lx-ppl{position:absolute;inset:14px 16px;display:grid;gap:7px;align-content:center}
.lx-pp{display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:10.5px;animation:lxList 9s ease-in-out infinite;animation-delay:var(--d,0s);opacity:0}
.lx-pp>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10px;color:#06140c;background:var(--c,#8fec4a)}
.lx-pp span{display:grid;line-height:1.3}
.lx-pp .lx-chip{margin-left:auto}

/* 12. Seguridad */
.lx-shield{position:absolute;left:50%;top:12px;width:62px;height:70px;transform:translateX(-50%);color:var(--lp-lime);filter:drop-shadow(0 0 18px rgba(143,236,74,.55))}
.lx-shield path.c{stroke-dasharray:30;stroke-dashoffset:30;animation:lxCheck 5s ease-in-out infinite}
@keyframes lxCheck{0%,15%{stroke-dashoffset:30}35%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
.lx-code{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:flex;gap:5px}
.lx-code i{width:22px;height:28px;border-radius:6px;background:var(--lx-in);border:1px solid rgba(143,236,74,.3);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;color:var(--lp-text);animation:lxDigit 5s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes lxDigit{0%,20%{opacity:0;transform:translateY(-6px)}30%,90%{opacity:1;transform:none}100%{opacity:0}}
.lx-sec-chips{position:absolute;left:10px;right:10px;bottom:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}

/* ---------- Pasos ---------- */
.lx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.lx-step .lx-scene{height:172px}
.lx-num{position:absolute;left:14px;top:14px;z-index:3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lp-grad);color:#06140c;font-weight:800;font-size:13px;box-shadow:0 0 18px rgba(143,236,74,.5)}
.lx-mplans{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:8px}
.lx-mplans div{width:74px;padding:9px;font-size:10px;display:grid;gap:5px;animation:lxPick 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.lx-mplans i{display:block;height:4px;border-radius:3px;background:rgba(255,255,255,.12)}
@keyframes lxPick{0%,30%,100%{border-color:rgba(255,255,255,.08);transform:none}8%,24%{border-color:var(--lp-lime);transform:translateY(-6px);box-shadow:0 10px 26px -10px rgba(143,236,74,.6)}}
.lx-link{position:absolute;left:50%;top:50%;width:70%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between}
.lx-link>span:not(.lx-wire){width:44px;height:44px;border-radius:14px;display:grid;place-items:center;z-index:2}
.lx-link>span svg{width:24px;height:24px}
.lx-link>span img{width:24px}
.lx-wire{position:absolute;left:44px;right:44px;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,rgba(143,236,74,.1),rgba(143,236,74,.5),rgba(143,236,74,.1));overflow:hidden}
.lx-wire::after{content:"";position:absolute;top:-2px;width:26px;height:6px;border-radius:3px;background:var(--lp-lime);box-shadow:0 0 12px var(--lp-lime);animation:lxRun 2.2s linear infinite}
@keyframes lxRun{from{left:-30px}to{left:100%}}
.lx-verif{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:11px}
.lx-verif>i{width:30px;height:30px;border-radius:50%;background:var(--lp-grad);display:grid;place-items:center;color:#06140c}
.lx-verif>i svg{width:16px;height:16px}
.lx-verif span{display:grid;line-height:1.3}
.lx-step .lx-sec-chips{bottom:16px}

/* ---------- Clientes (logos en cinta) ---------- */
.lx-logos{position:relative;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lx-logos-row{display:flex;gap:16px;width:max-content;animation:lxMarq var(--t,40s) linear infinite}
.lx-logos:hover .lx-logos-row{animation-play-state:paused}
.lx-logos.static{-webkit-mask-image:none;mask-image:none}
.lx-logos.static .lx-logos-row{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
@keyframes lxMarq{to{transform:translateX(-50%)}}
.lx-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:170px;height:84px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);text-decoration:none;color:#1f2a22;font-weight:700;font-size:13.5px;text-align:center;transition:transform .3s,box-shadow .3s}
.lp .lx-logo{color:#1f2a22}
.lx-logo:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px rgba(143,236,74,.55)}
.lx-logo img{max-width:100%;max-height:100%;object-fit:contain}

/* ---------- Planes ---------- */
.lp-plan .lx-pl-h{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-dim);margin:2px 0 -6px}
.lp-list li.no{color:var(--lp-dim)}
.lp-list li.no svg{color:var(--lp-dim)}
.lp-list li.no span{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.18)}
.lp-plan.lp-top{box-shadow:0 26px 70px -30px rgba(143,236,74,.45)}
.lx-spark{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.lx-spark i{position:absolute;bottom:-6px;width:3px;height:3px;border-radius:50%;background:var(--lp-lime);box-shadow:0 0 6px var(--lp-lime);opacity:0;animation:lxRise 6s linear infinite}
.lx-spark i:nth-child(1){left:12%;animation-delay:0s}.lx-spark i:nth-child(2){left:30%;animation-delay:1.4s}.lx-spark i:nth-child(3){left:52%;animation-delay:2.6s}.lx-spark i:nth-child(4){left:70%;animation-delay:.8s}.lx-spark i:nth-child(5){left:86%;animation-delay:3.6s}
@keyframes lxRise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}100%{transform:translateY(-420px);opacity:0}}
.lx-note{margin:18px auto 0;max-width:70ch;text-align:center;color:var(--lp-dim);font-size:12.5px}

/* ---------- App próximamente ---------- */
.lx-app{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;min-height:360px;padding:44px 48px;border-radius:30px;overflow:hidden;color:#06140c;
  background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.35),transparent 42%),linear-gradient(135deg,#9ef25a 0%,#6be060 48%,#3fbf6a 100%);box-shadow:0 40px 90px -40px rgba(143,236,74,.6)}
.lx-app::after{content:"A";position:absolute;right:-30px;bottom:-120px;font-size:420px;font-weight:800;line-height:1;color:rgba(6,20,12,.06);pointer-events:none}
.lx-app .lx-soon{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(6,20,12,.85);color:var(--lp-lime);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lx-app h2{margin:14px 0 10px;font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.08}
.lx-app p{margin:0;max-width:44ch;font-size:15px;line-height:1.6;color:#123322}
.lx-stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.lx-store{display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:12px;background:#06140c;color:#eef6f0;font-size:10px;line-height:1.2;border:0}
.lx-store b{display:block;font-size:14px;font-weight:600;color:#fff}
.lx-store svg{width:20px;height:20px;color:var(--lp-lime)}
.lx-app .lx-pwa{margin-top:12px;font-size:12.5px;color:#123322}
.lx-app .lx-pwa button{border:0;background:none;padding:0;color:#06140c;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.lx-phones{position:relative;height:320px}
.lx-phone{position:absolute;width:168px;height:330px;border-radius:30px;background:#06140c;border:5px solid #0b1a12;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);overflow:hidden;color:#eef6f0}
.lx-phone.p1{left:50%;top:6px;transform:translateX(-62%) rotate(-4deg);z-index:2;animation:lxPh1 6s ease-in-out infinite}
.lx-phone.p2{left:50%;top:40px;transform:translateX(12%) rotate(6deg);animation:lxPh2 6s ease-in-out infinite;background:linear-gradient(160deg,#0b1a12,#06140c)}
@keyframes lxPh1{0%,100%{transform:translateX(-62%) rotate(-4deg) translateY(0)}50%{transform:translateX(-62%) rotate(-4deg) translateY(-8px)}}
@keyframes lxPh2{0%,100%{transform:translateX(12%) rotate(6deg) translateY(0)}50%{transform:translateX(12%) rotate(6deg) translateY(6px)}}
.lx-notch{width:60px;height:14px;margin:6px auto 8px;border-radius:10px;background:#000}
.lx-ph-h{display:flex;align-items:center;gap:6px;padding:0 10px 8px;font-size:11px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.07)}
.lx-ph-h img{width:14px}
.lx-ph-row{display:flex;gap:7px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px;line-height:1.3}
.lx-ph-row i{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--c,#8fec4a);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:8.5px;color:#06140c}
.lx-ph-row span{display:grid;min-width:0}
.lx-ph-row small{color:#8fa597;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-ph-big{display:grid;place-items:center;height:100%;padding-bottom:30px}
.lx-ph-big img{width:70px;filter:drop-shadow(0 0 22px rgba(143,236,74,.6))}

/* ---------- Cintas ---------- */
.lx-ribbons{display:grid;gap:12px;margin-top:70px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lx-rib{display:flex;gap:10px;width:max-content;animation:lxMarq 46s linear infinite}
.lx-rib.rev{animation-direction:reverse;animation-duration:52s}
.lx-rib span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--lp-line);color:var(--lp-muted);font-size:13px;font-weight:500;white-space:nowrap}
.lx-rib span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lp-lime);box-shadow:0 0 6px var(--lp-lime)}

/* ---------- Responsive ---------- */
@media (max-width:1020px){.lx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:920px){
  .lx-steps{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .lx-app{grid-template-columns:1fr;padding:34px 26px;text-align:center}
  .lx-app p{margin-inline:auto}
  .lx-stores{justify-content:center}
  .lx-phones{height:300px;margin-top:10px}
}
@media (max-width:640px){
  .lx-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .lx-scene{height:200px}
  .lx-logo{width:140px;height:72px}
  .lx-app h2{font-size:28px}
  .lx-phone{width:146px;height:290px}
}
@media (prefers-reduced-motion:reduce){
  .lx-js .lx-rv{opacity:1;transform:none;transition:none}
  .lx-scene *,.lx-scene::before,.lx-rib,.lx-logos-row,.lx-phone,.lx-spark i{animation:none!important}
  .lx-mail,.lx-b,.lx-it,.lx-res,.lx-pp,.lx-code i,.lx-stamp{opacity:1!important}
  .lx-typing{display:none}
  .lx-typed{width:26ch}
  .lx-ln u{width:var(--w,60%)}
  .lx-tl .new{opacity:1;max-height:30px}
}

/* =====================================================================
   v66: menú con borde que brilla, hero más compacto, íconos animados y Abogux IA en la portada
   ===================================================================== */

/* ---------- Menú ---------- */
.lp-header{padding-block:12px}
.lp-nav{position:relative;gap:2px;padding:5px;background:rgba(10,20,15,.6);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.lp-nav::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(170px circle at var(--nx,50%) var(--ny,50%),#d6ffaa,#8fec4a 32%,rgba(79,209,117,.25) 58%,transparent 75%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.lp-nav:hover::after{opacity:1}
.lp-nav a{position:relative;padding:8px 14px;transition:color .25s,background .25s,box-shadow .25s,transform .25s}
.lp-nav a[data-sec]::before,.lp-nav a.lx-nav-legal::before{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--lp-lime);box-shadow:0 0 8px var(--lp-lime);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}
.lp-nav a[data-sec]:hover::before,.lp-nav a[data-sec].active::before{opacity:1;transform:none}
.lp-nav a:hover{background:rgba(255,255,255,.05)}
.lp-nav .lp-login{border:1px solid rgba(143,236,74,.55);color:var(--lp-lime);margin-left:8px}
.lp-nav .lp-login:hover{background:rgba(143,236,74,.1);border-color:var(--lp-lime);color:#d8ffb0;box-shadow:0 0 18px -4px rgba(143,236,74,.6)}
.lp-nav .lp-signup{overflow:hidden;margin-left:4px;box-shadow:0 6px 20px -8px rgba(143,236,74,.75)}
.lp-nav .lp-signup::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:lxShine 4.5s ease-in-out infinite}
.lp-nav .lp-signup:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(143,236,74,.9)}
@keyframes lxShine{0%,60%{left:-60%}85%,100%{left:130%}}

/* ---------- Hero más compacto: título arriba y tarjeta completa a la vista ---------- */
.lp-hero{min-height:0;padding-block:8px 64px;gap:48px;align-items:start}
.lp-hero-copy{align-self:start;padding-top:44px;gap:16px}
.lp-hero h1{font-size:clamp(32px,3.7vw,48px);line-height:1.06}
.lp-hero-copy>p{font-size:15.5px;line-height:1.65}
.lp-card{max-width:384px;padding:15px 16px;gap:9px;margin-top:-4px;border-radius:20px}
.lp-card .lp-form{gap:8px}
.lp-card .lp-f{gap:4px}
.lp-card .lp-f>span{font-size:9.8px}
.lp-card .lx-f-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lp-card .lx-f-row .lp-mini-link{font-size:10.5px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--lp-lime)}
.lp-card .lp-tabs button{padding:8px;font-size:12.5px}
.lp-card .lp-in input,.lp-card .lp-in .lp-select{height:37px;font-size:13px}
.lp-card .lp-in .ic{left:12px}
.lp-card .lp-plans-mini{gap:6px}
.lp-card .lp-plans-mini button{padding:6px 4px;font-size:12px;border-radius:10px}
.lp-card .lp-roles button small{display:none}
.lp-card .lp-roles button{padding:9px 4px}
.lp-card .lp-two{gap:8px}
.lp-card .lp-hint{display:none}
.lp-card .lp-check{font-size:11px;line-height:1.4;gap:8px}
.lp-card .lp-check input{width:15px;height:15px}
.lp-card .lp-btn{height:40px;font-size:13.5px}
.lp-card .lp-or{font-size:11px}
.lp-card .lp-google{min-height:36px}
.lp-card .lp-gbtn{height:36px}
.lp-card .lp-card-foot{font-size:11.5px}
.lp-card #form_reg .lp-card-foot,.lp-card .lp-legal{display:none}
.lp-scroll{bottom:6px}
@media (max-width:920px){.lp-hero-copy{padding-top:10px}.lp-card{margin-top:0}}

/* ---------- Íconos del hero: cada uno con su animación ---------- */
.lp-tools{gap:14px}
.lp-tool .ib{position:relative;animation:lxIcFloat 4s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.6s)}
.lp-tool:nth-child(1){--k:0}.lp-tool:nth-child(2){--k:1}.lp-tool:nth-child(3){--k:2}.lp-tool:nth-child(4){--k:3}.lp-tool:nth-child(5){--k:4}.lp-tool:nth-child(6){--k:5}
@keyframes lxIcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.lp-tool .ib::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1.5px;opacity:0;transition:opacity .3s;
  background:conic-gradient(from var(--lx-a,0deg),transparent 0 62%,#8fec4a 80%,#d6ffaa 88%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:lxOrbitA 2.6s linear infinite}
.lp-tool.on .ib::before{opacity:1}
@property --lx-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes lxOrbitA{to{--lx-a:360deg}}
.lp-tool .ib svg{transform-origin:50% 50%}
.lp-tool:nth-child(1) .ib svg{animation:lxIcMail 3.2s ease-in-out infinite}
.lp-tool:nth-child(2) .ib svg{animation:lxIcChat 2.8s ease-in-out infinite}
.lp-tool:nth-child(3) .ib svg{animation:lxIcScale 3.6s ease-in-out infinite;transform-origin:50% 20%}
.lp-tool:nth-child(4) .ib svg{animation:lxIcCal 4s ease-in-out infinite}
.lp-tool:nth-child(5) .ib svg{animation:lxIcDoc 3s ease-in-out infinite}
.lp-tool:nth-child(6) .ib svg{animation:lxIcUsers 3.4s ease-in-out infinite}
@keyframes lxIcMail{0%,70%,100%{transform:none}78%{transform:translateY(-3px) rotate(-8deg)}86%{transform:translateY(0) rotate(6deg)}92%{transform:rotate(-2deg)}}
@keyframes lxIcChat{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.18)}80%{transform:scale(.94)}90%{transform:scale(1.05)}}
@keyframes lxIcScale{0%,100%{transform:rotate(0)}25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}
@keyframes lxIcCal{0%,65%,100%{transform:perspective(60px) rotateX(0)}80%{transform:perspective(60px) rotateX(180deg)}95%{transform:perspective(60px) rotateX(360deg)}}
@keyframes lxIcDoc{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-4deg)}60%{transform:translateY(1px) rotate(3deg)}}
@keyframes lxIcUsers{0%,72%,100%{transform:scale(1)}80%{transform:scale(1.12,.9)}88%{transform:scale(.95,1.08)}94%{transform:scale(1)}}
.lp-tool.on .ib svg{animation-duration:1.6s}
.lp-tool-desc{min-height:2.8em;transition:opacity .25s}
.lp-tool-desc.lx-swap{opacity:0}

/* ---------- Abogux IA dentro de la tarjeta del Asistente ---------- */
.lx-ia-mini{position:absolute;right:4px;top:0;width:84px;height:71px;z-index:4;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.lx-chat .lx-chat-top{padding-right:70px}

/* ---------- Tarjeta final con Abogux IA que habla al tocarlo ---------- */
.lx-final{grid-template-columns:300px 1fr;display:grid;gap:30px;align-items:center;justify-items:stretch;text-align:left;padding:34px 44px 34px 24px;position:relative;overflow:hidden;
  background:radial-gradient(70% 95% at 0% 50%,rgba(143,236,74,.18),transparent 62%),var(--lp-glass)}
.lx-final::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(143,236,74,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(143,236,74,.05) 1px,transparent 1px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(60% 80% at 18% 50%,#000,transparent 75%);mask-image:radial-gradient(60% 80% at 18% 50%,#000,transparent 75%)}
.lx-final>*{position:relative}
.lx-final-ia{display:flex;flex-direction:column;align-items:center;gap:8px}
.lx-globo{position:relative;max-width:290px;min-height:64px;padding:12px 16px;border-radius:18px;font-size:13.5px;line-height:1.45;color:var(--lp-text);text-align:center;display:flex;align-items:center;justify-content:center;
  background:rgba(8,18,12,.94);border:1px solid rgba(143,236,74,.45);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 24px rgba(143,236,74,.14);transition:transform .25s,opacity .25s}
.lx-globo::after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;margin-left:-7px;transform:rotate(45deg);background:rgba(8,18,12,.94);border-right:1px solid rgba(143,236,74,.45);border-bottom:1px solid rgba(143,236,74,.45)}
.lx-globo.cambia{transform:scale(.96);opacity:.6}
.lx-globo .cur{display:inline-block;width:2px;height:1em;background:var(--lp-lime);margin-left:2px;vertical-align:-2px;animation:lxCaret .8s step-end infinite}
.lx-podio{position:relative;width:230px;height:196px}
.lx-podio::before{content:"";position:absolute;left:50%;bottom:8px;width:170px;height:34px;margin-left:-85px;border-radius:50%;background:radial-gradient(ellipse,rgba(143,236,74,.45),transparent 70%);filter:blur(4px);animation:lxGlow 4s ease-in-out infinite}
.lx-podio canvas{position:relative;width:230px;height:196px;cursor:pointer}
.lx-toca{position:absolute;right:0;top:20px;font-size:11px;font-weight:800;color:#06140c;padding:4px 10px;border-radius:999px;background:var(--lp-grad);box-shadow:0 6px 16px rgba(143,236,74,.4);animation:lxToca 2.4s ease-in-out infinite;pointer-events:none}
@keyframes lxToca{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-6px) rotate(4deg)}}
.lx-final-txt h2{margin:10px 0}
.lx-final-txt p{margin:0 0 22px;max-width:52ch}
.lx-final-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--lp-lime);background:rgba(143,236,74,.08);border:1px solid rgba(143,236,74,.3)}
.lx-final-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lx-final-btns .lp-btn{display:inline-flex;align-items:center;gap:8px;padding-inline:24px;text-decoration:none}
.lx-btn-sec{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;border:1px solid rgba(143,236,74,.45);color:var(--lp-lime)!important;font-weight:700;font-size:14px;text-decoration:none;transition:background .25s,box-shadow .25s}
.lx-btn-sec:hover{background:rgba(143,236,74,.1);box-shadow:0 0 18px -4px rgba(143,236,74,.6)}
.lx-final-pros{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0}
.lx-final-pros li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--lp-muted)}
.lx-final-pros svg{width:15px;height:15px;color:var(--lp-lime)}
@media (max-width:820px){
  .lx-final{grid-template-columns:1fr;text-align:center;padding:26px 18px 30px;gap:10px;justify-items:center}
  .lx-final-txt p{margin-inline:auto}
  .lx-final-btns,.lx-final-pros{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .lp-tool .ib,.lp-tool .ib svg,.lp-tool .ib::before,.lp-nav .lp-signup::after,.lx-toca,.lx-podio::before{animation:none!important}
}
@media (max-width:600px){.lp-tools{gap:8px;flex-wrap:nowrap}.lp-tool small{font-size:10.5px}}
@media (max-width:360px){.lp-tool .ib{width:40px;height:40px}.lp-tool.on .ib,.lp-tool:hover .ib{width:46px;height:46px}}

/* =====================================================================
   v67: botón Registrarse, medios de pago con logos, clientes en gris y orden de secciones
   ===================================================================== */
.lp-nav .lp-signup:hover,.lp-nav .lp-signup:focus-visible{color:#fff!important}
.lp-pay-l{color:var(--lp-text);font-weight:600}
.lp-brands{gap:6px;align-items:center}
.lp-brands span{min-width:0;height:auto;padding:0;background:none;border-radius:5px;color:var(--lp-muted);font-size:10px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.lp-brands img{height:22px;width:auto;max-width:none;border-radius:4px}
/* Clientes: sin recuadro, logos en gris claro que flotan y pasan muy lento */
.lx-logos{padding:10px 0}
.lx-logos-row{gap:0}
.lx-logo,.lp .lx-logo{width:auto;height:96px;margin-right:72px;padding:0 6px;background:none;border:0;border-radius:0;box-shadow:none;color:#b8c4bb;font-size:22px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.lx-logo:hover{transform:none;box-shadow:none;color:#e6eee8}
.lx-logo-in{display:flex;align-items:center;animation:lxLogoF 5s ease-in-out infinite}
.lx-logo:nth-child(2n) .lx-logo-in{animation-delay:-2.5s}.lx-logo:nth-child(3n) .lx-logo-in{animation-delay:-1.2s}
@keyframes lxLogoF{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.lx-logo img{max-height:62px;max-width:230px;object-fit:contain;filter:grayscale(1) brightness(1.75) contrast(.85);opacity:.62;transition:opacity .3s}
.lx-logo img.lx-silueta{filter:brightness(0) invert(.82);opacity:.7}
.lx-logo img.lx-recortado{filter:none;opacity:.75}
.lx-logo:hover img{opacity:.92}
.lx-logos.static .lx-logos-row{gap:20px 60px}
.lx-logos.static .lx-logo{margin-right:0}
.lx-final-sec{padding-top:60px}
.lx-final-sec .lp-cta{margin-top:0}
@media (max-width:600px){.lx-logo,.lp .lx-logo{height:76px;margin-right:44px;font-size:18px}.lx-logo img{max-height:46px;max-width:170px}}
@media (prefers-reduced-motion:reduce){.lx-logo-in{animation:none}}