/* Techapyra’i — inicio (2026-11). Va después de estilos.css: usa sus colores, botones,
   cabecera, pie y diálogos, y suma el diseño nuevo del inicio con animaciones.
   Todo lo que se mueve respeta «reducir movimiento» del sistema. */
:root{
  --l-ink:#0f1a2b;
  --l-grad:linear-gradient(120deg,#1450b8 0%,#1a64e3 45%,#06b6d4 100%);
  --l-glow-1:rgba(26,100,227,.22);
  --l-glow-2:rgba(6,182,212,.20);
  --l-glow-3:rgba(124,77,219,.14);
  --l-card:rgba(255,255,255,.78);
  --l-card-line:rgba(11,38,54,.08);
  --l-shadow:0 1px 2px rgba(11,38,54,.05),0 24px 48px -24px rgba(11,38,54,.28);
  --l-shadow-lg:0 2px 4px rgba(11,38,54,.05),0 40px 80px -32px rgba(11,38,54,.35);
  --l-r:20px;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
body.landing{background:#fff;overflow-x:hidden}
.landing .wrap{max-width:min(92vw,84rem)}

/* ---------- Cabecera: vidrio al bajar ---------- */
.landing .site-head{background:rgba(255,255,255,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.landing .site-head.is-scrolled{background:rgba(255,255,255,.9);border-bottom-color:var(--line)}

/* ---------- Comunes ---------- */
.l-sec{position:relative;padding:clamp(60px,8vw,104px) 0}
.l-sec-tint{background:linear-gradient(180deg,#F5F9FB 0%,#fff 100%)}
.l-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.l-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(5,150,105,.5);animation:l-pulse 2.2s infinite}
.l-h2{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.05;letter-spacing:-.025em;font-weight:780;color:var(--l-ink);}
.l-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-2);max-width:36rem}
.l-head{display:grid;gap:16px;margin-bottom:clamp(36px,5vw,56px)}
.l-head.center{text-align:center;justify-items:center}
.l-grad-text{background:var(--l-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.l-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:var(--green-tint);color:var(--green-ink)}
.l-badge.new{background:linear-gradient(90deg,#DCFCE7,#CFFAFE);color:#065F46}
.btn-lg{padding:15px 26px;font-size:1.0625rem;border-radius:14px}
.btn-glow{position:relative;box-shadow:0 10px 30px -10px rgba(26,100,227,.65)}
.btn-glow::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:220% 100%;background-position:120% 0;transition:background-position .9s var(--ease-out);pointer-events:none}
.btn-glow:hover::after{background-position:-40% 0}
.btn-ghost{background:rgba(255,255,255,.7);border:1px solid var(--line-2);color:var(--ink)}
.btn-ghost:hover{background:#fff;border-color:var(--brand);color:var(--brand)}

/* Aparecer al bajar */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv.in{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}.rv[data-d="3"]{transition-delay:.24s}.rv[data-d="4"]{transition-delay:.32s}

/* ---------- Hero ---------- */
.l-hero{position:relative;padding:calc(var(--head-h) + clamp(40px,7vw,90px)) 0 clamp(60px,8vw,110px);overflow:hidden;isolation:isolate}
.l-blobs{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none}
.l-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.9;animation:l-float 18s ease-in-out infinite}
.l-blob.b1{width:520px;height:520px;left:-80px;top:40px;background:var(--l-glow-1)}
.l-blob.b2{width:460px;height:460px;right:-60px;top:-40px;background:var(--l-glow-2);animation-delay:-6s}
.l-blob.b3{width:380px;height:380px;left:42%;top:260px;background:var(--l-glow-3);animation-delay:-11s}
.l-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(11,38,54,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,38,54,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 40%,transparent 100%)}
.l-hero-row{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.l-hero h1{font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:.98;letter-spacing:-.035em;font-weight:800;color:var(--l-ink);;margin:18px 0 22px}
.l-hero h1 .rot{display:inline-grid;vertical-align:bottom}
.l-hero h1 .rot>span{grid-area:1/1;opacity:0;transform:translateY(.45em);transition:opacity .5s,transform .6s var(--ease-out)}
.l-hero h1 .rot>span.on{opacity:1;transform:none}
.l-hero .l-lead{margin-bottom:30px}
.l-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.l-assure{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9375rem;color:var(--muted)}
.l-assure span{display:inline-flex;align-items:center;gap:6px}
.l-assure .ic{width:18px;height:18px;color:var(--green)}

/* Teléfono con WhatsApp */
.l-stage{position:relative;display:grid;place-items:center;min-height:560px}
.l-phone{position:relative;width:300px;height:600px;border-radius:44px;padding:12px;background:#0B1B24;box-shadow:var(--l-shadow-lg),inset 0 0 0 2px #22343E;transform:rotate(-2deg);animation:l-hover 7s ease-in-out infinite}
.l-phone::before{content:"";position:absolute;top:18px;left:50%;width:90px;height:22px;margin-left:-45px;border-radius:12px;background:#0B1B24;z-index:3}
.l-screen{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#EFEAE2;display:flex;flex-direction:column}
.l-wa-top{display:flex;align-items:center;gap:10px;padding:40px 14px 12px;background:#075E54;color:#fff}
.l-wa-top .av{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--logo)}
.l-wa-top .av svg{width:26px;height:26px}
.l-wa-top b{display:block;font-size:.9rem;line-height:1.1}
.l-wa-top small{font-size:.72rem;opacity:.85}
.l-chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 10px 14px;overflow:hidden;font-size:.8rem;line-height:1.35}
.l-msg{max-width:84%;padding:7px 10px 8px;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.08);background:#fff;color:#111;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .45s,transform .5s var(--ease-out)}
.l-msg.on{opacity:1;transform:none}
.l-msg.me{align-self:flex-end;background:#D9FDD3;border-top-right-radius:2px}
.l-msg.bot{align-self:flex-start;border-top-left-radius:2px}
.l-msg .t{display:block;text-align:right;font-size:.62rem;color:#667;margin-top:2px}
.l-msg .h{display:block;font-weight:700;font-size:.82rem;margin-bottom:4px}
.l-msg .row{display:flex;justify-content:space-between;gap:10px}
.l-msg .tot{margin-top:6px;padding-top:6px;border-top:1px dashed #cfd8dc;font-weight:800}
.l-msg .btns{display:grid;gap:1px;margin:8px -10px -8px;border-top:1px solid #e5e7eb}
.l-msg .btns span{display:block;text-align:center;padding:7px;color:#0B8A73;font-weight:650;background:#fff}
.l-msg .btns span:last-child{border-radius:0 0 10px 10px}
.l-msg.pdf{display:flex;align-items:center;gap:8px}
.l-msg.pdf i{display:grid;place-items:center;width:30px;height:36px;border-radius:5px;background:#E53935;color:#fff;font-style:normal;font-size:.6rem;font-weight:800}
.l-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 12px;border-radius:10px;background:#fff;opacity:0;transition:opacity .3s}
.l-typing.on{opacity:1}
.l-typing i{width:6px;height:6px;border-radius:50%;background:#90A4AE;animation:l-dots 1.2s infinite}
.l-typing i:nth-child(2){animation-delay:.15s}.l-typing i:nth-child(3){animation-delay:.3s}
.l-wa-in{display:flex;align-items:center;gap:8px;padding:8px 10px 14px}
.l-wa-in span{flex:1;height:34px;border-radius:18px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#90A4AE;font-size:.75rem}
.l-wa-in b{width:34px;height:34px;border-radius:50%;background:#00A884;display:grid;place-items:center;color:#fff}
.l-wa-in b svg{width:16px;height:16px}

/* Tarjetas flotantes alrededor del teléfono */
.l-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--l-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--l-card-line);box-shadow:var(--l-shadow);font-size:.85rem;line-height:1.25;color:var(--ink);animation:l-hover 6s ease-in-out infinite}
.l-chip b{display:block;font-size:.9rem}
.l-chip small{color:var(--muted)}
.l-chip .ci{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:#fff}
.l-chip .ci .ic{width:18px;height:18px}
.l-chip.c1{top:20px;left:-40px;animation-delay:-1s}
.l-chip.c1 .ci{background:var(--green)}
.l-chip.c2{bottom:120px;right:-24px;animation-delay:-3s}
.l-chip.c2 .ci{background:var(--brand)}
.l-chip.c3{bottom:28px;left:6px;animation-delay:-4.5s}
.l-chip.c3 .ci{background:#7C3AED}

/* ---------- Franja que corre ---------- */
.l-marquee{position:relative;border-block:1px solid var(--line);background:#fff;overflow:hidden;padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.l-marquee-track{display:flex;gap:48px;width:max-content;animation:l-marquee 38s linear infinite}
.l-marquee span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:650;color:var(--text-2)}
.l-marquee .ic{color:var(--cyan)}

/* ---------- Canales ---------- */
.l-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.l-ch{position:relative;padding:28px;border-radius:var(--l-r);background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,38,54,.04);transition:transform .5s var(--ease-out),box-shadow .5s,border-color .3s;overflow:hidden}
.l-ch:hover{transform:translateY(-6px);box-shadow:var(--l-shadow);border-color:transparent}
.l-ch::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--l-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.l-ch:hover::before{opacity:1}
.l-ch .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;color:#fff}
.l-ch .ico .ic{width:26px;height:26px}
.l-ch.web .ico{background:linear-gradient(135deg,#1a64e3,#3b82f6)}
.l-ch.app .ico{background:linear-gradient(135deg,#1C64F2,#7C3AED)}
.l-ch.wa .ico{background:linear-gradient(135deg,#25D366,#0E7A3E)}
.l-ch h3{font-size:1.35rem;letter-spacing:-.015em;color:var(--l-ink);margin-bottom:8px;display:flex;align-items:center;gap:10px}
.l-ch p{color:var(--text-2)}
.l-ch .mini{margin-top:22px;height:120px;border-radius:14px;background:var(--mist);border:1px solid var(--line);position:relative;overflow:hidden}
/* mini: web (barras que crecen) */
.mini-bars{position:absolute;inset:18px 18px 16px;display:flex;align-items:flex-end;gap:10px}
.mini-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3b82f6,#1a64e3);height:20%;transition:height 1.2s var(--ease-out)}
.in .mini-bars i{height:var(--h)}
/* mini: app (toque) */
.mini-app{position:absolute;left:50%;top:14px;width:84px;height:140px;margin-left:-42px;border-radius:16px;background:#fff;border:2px solid #CAD6DC;padding:10px 8px;display:grid;gap:6px;align-content:start}
.mini-app i{display:block;height:9px;border-radius:5px;background:#E1E8EC}
.mini-app i.w{width:60%}
.mini-app b{display:block;height:22px;border-radius:8px;background:var(--brand);position:relative;overflow:hidden}
.mini-app b::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:rgba(255,255,255,.7);animation:l-tap 2.4s ease-out infinite}
/* mini: whatsapp (audio) */
.mini-wa{position:absolute;inset:16px;display:grid;gap:8px;align-content:center}
.mini-wa .bub{justify-self:end;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px 12px 2px 12px;background:#D9FDD3;font-size:.8rem}
.mini-wa .bub.l{justify-self:start;background:#fff;border-radius:12px 12px 12px 2px}
.mini-wa .wave{display:flex;align-items:center;gap:2px;height:18px}
.mini-wa .wave i{width:3px;border-radius:2px;background:#0E7A3E;animation:l-wave 1.1s ease-in-out infinite;height:6px}
.mini-wa .wave i:nth-child(2n){animation-delay:.2s}.mini-wa .wave i:nth-child(3n){animation-delay:.4s}

/* ---------- Compras con foto o QR ---------- */
.l-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.l-ticks{display:grid;gap:14px;margin-top:28px}
.l-ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--text)}
.l-ticks .ic{width:22px;height:22px;flex:none;padding:3px;border-radius:50%;background:var(--green-tint);color:var(--green);stroke-width:2.4}
.l-scan{position:relative;justify-self:center;width:min(100%,460px);aspect-ratio:1/1.02}
.l-paper{position:absolute;left:4%;top:6%;width:62%;padding:18px 16px;border-radius:12px;background:#fff;box-shadow:var(--l-shadow-lg);transform:rotate(-5deg);font-size:.66rem;color:#37474F;display:grid;gap:7px}
.l-paper .ph{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.75rem;color:#263238}
.l-paper i{display:block;height:7px;border-radius:4px;background:#ECEFF1}
.l-paper i.s{width:55%}.l-paper i.m{width:75%}
.l-paper .pt{display:flex;justify-content:space-between;font-weight:800;border-top:1px dashed #B0BEC5;padding-top:6px;color:#263238}
.l-paper .qr{width:54px;height:54px;justify-self:end;background:
  conic-gradient(from 90deg at 30% 30%,#263238 25%,transparent 0) 0 0/12px 12px,#fff;border:3px solid #263238;border-radius:4px}
.l-beam{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#10B981,transparent);box-shadow:0 0 18px 4px rgba(16,185,129,.45);animation:l-scan 2.8s ease-in-out infinite}
.l-read{position:absolute;right:0;bottom:4%;width:64%;padding:18px;border-radius:18px;background:var(--l-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--l-card-line);box-shadow:var(--l-shadow-lg)}
.l-read h4{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--l-ink);margin:0 0 12px}
.l-read h4 .ic{color:var(--green)}
.l-read dl{display:grid;gap:8px;margin:0}
.l-read div{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;padding-bottom:7px;border-bottom:1px solid var(--line);opacity:0;transform:translateX(12px);transition:opacity .5s,transform .6s var(--ease-out)}
.l-read div:last-child{border:0;padding:0}
.l-read dt{color:var(--muted)}
.l-read dd{font-weight:700;color:var(--ink);margin:0}
.l-read.on div{opacity:1;transform:none}
.l-read.on div:nth-child(2){transition-delay:.25s}.l-read.on div:nth-child(3){transition-delay:.5s}.l-read.on div:nth-child(4){transition-delay:.75s}
.l-qr-tag{position:absolute;top:2%;right:6%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#121c2e;color:#fff;font-size:.8rem;font-weight:650;box-shadow:var(--l-shadow);animation:l-hover 5s ease-in-out infinite}
.l-qr-tag .ic{width:16px;height:16px;color:#34D399}

/* ---------- Pasos ---------- */
.l-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:paso;position:relative}
.l-steps::before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:var(--line);z-index:0}
.l-steps::after{content:"";position:absolute;left:8%;top:30px;height:2px;width:0;background:var(--l-grad);z-index:0;transition:width 1.6s var(--ease-out)}
.l-steps.in::after{width:84%}
.l-step{position:relative;z-index:1;text-align:center;padding:0 8px}
.l-step .n{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);font-weight:800;font-size:1.25rem;color:var(--brand);transition:border-color .6s,background .6s,color .6s}
.l-steps.in .l-step .n{border-color:transparent;background:var(--l-grad);color:#fff}
.l-steps.in .l-step:nth-child(2) .n{transition-delay:.55s}.l-steps.in .l-step:nth-child(3) .n{transition-delay:1.1s}
.l-step h3{font-size:1.2rem;color:var(--l-ink);margin-bottom:6px}
.l-step p{color:var(--text-2);font-size:.98rem}

/* ---------- Por qué ---------- */
.l-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.l-why li{padding:24px;border-radius:var(--l-r);background:#fff;border:1px solid var(--line)}
.l-why .ic{width:28px;height:28px;color:var(--brand);margin-bottom:14px}
.l-why b{display:block;color:var(--l-ink);font-size:1.05rem;margin-bottom:4px}
.l-why p{color:var(--text-2);font-size:.95rem}

/* ---------- Planes ---------- */
.l-plans{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:16px;align-items:stretch;margin-top:8px}
.l-plan{position:relative;display:flex;flex-direction:column;padding:28px 24px;border-radius:var(--l-r);background:#fff;border:1px solid var(--line);transition:transform .5s var(--ease-out),box-shadow .5s}
.l-plan:hover{transform:translateY(-6px);box-shadow:var(--l-shadow)}
.l-plan.top{background:linear-gradient(#fff,#fff) padding-box,var(--l-grad) border-box;border:2px solid transparent;box-shadow:var(--l-shadow)}
.l-plan .tag:empty{display:none}
.l-plan .tag{position:absolute;top:-13px;left:24px;padding:4px 12px;border-radius:999px;background:var(--l-grad);color:#fff;font-size:.75rem;font-weight:700}
.l-plan h3{font-size:1.2rem;color:var(--l-ink)}
.l-plan .for{color:var(--muted);font-size:.9rem;min-height:2.6em;margin-top:4px}
.l-plan .pr{margin:18px 0 4px;display:flex;align-items:baseline;gap:6px;color:var(--l-ink)}
.l-plan .pr small{font-weight:650;color:var(--muted)}
.l-plan .pr strong{font-size:2.3rem;letter-spacing:-.03em;line-height:1;font-weight:800}
.l-plan .pr.ask strong{font-size:1.7rem}
.l-plan .iva{font-size:.8rem;color:var(--muted);margin-bottom:18px}
.l-plan ul{display:grid;gap:10px;margin-bottom:24px;flex:1;align-content:start}
.l-plan li{display:flex;gap:10px;font-size:.95rem;color:var(--text)}
.l-plan li .ic{width:18px;height:18px;color:var(--green);stroke-width:2.4;margin-top:3px}
.l-plan .btn{width:100%;justify-content:center}
.l-plans-note{margin-top:22px;text-align:center;color:var(--muted);font-size:.95rem}

/* ---------- ERP y soluciones ---------- */
.l-more{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.l-erp{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border-radius:24px;background:#121c2e;color:#CFE5EF}
.l-erp::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(11,163,199,.55),transparent 65%);animation:l-float 14s ease-in-out infinite}
.l-erp h2{position:relative;color:#fff;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.08;letter-spacing:-.025em;margin:10px 0;font-weight:800}
.l-erp-top>div>p:not(.l-eyebrow){position:relative;max-width:34rem}
.l-erp .l-eyebrow{color:#7DD3E8}
.l-erp .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.l-erp .btn-outline:hover{background:rgba(255,255,255,.08);color:#fff}
.l-sols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.l-sol{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:transform .4s var(--ease-out),box-shadow .4s,border-color .3s}
.l-sol:hover{transform:translateY(-4px);box-shadow:var(--l-shadow);border-color:transparent;color:var(--ink)}
.l-sol .ic{width:24px;height:24px;color:var(--brand)}
.l-sol b{font-size:1rem}
.l-sol span{font-size:.85rem;color:var(--muted)}

/* ---------- Preguntas ---------- */
.l-faq{max-width:48rem;margin:0 auto;display:grid;gap:12px}
.l-faq details{border-radius:16px;border:1px solid var(--line);background:#fff;transition:box-shadow .3s,border-color .3s}
.l-faq details[open]{box-shadow:var(--l-shadow);border-color:transparent}
.l-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-weight:650;color:var(--l-ink)}
.l-faq summary::-webkit-details-marker{display:none}
.l-faq summary .ic{transition:transform .35s var(--ease-out);color:var(--brand)}
.l-faq details[open] summary .ic{transform:rotate(45deg)}
.l-faq p{padding:0 22px 20px;color:var(--text-2)}

/* ---------- Cierre ---------- */
.l-final{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,7vw,80px) 24px;border-radius:32px;background:var(--l-grad);color:#fff;isolation:isolate}
.l-final::before,.l-final::after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(10px)}
.l-final::before{width:380px;height:380px;left:-100px;bottom:-200px;background:rgba(255,255,255,.18);animation:l-float 16s ease-in-out infinite}
.l-final::after{width:300px;height:300px;right:-80px;top:-140px;background:rgba(255,255,255,.14);animation:l-float 12s ease-in-out infinite reverse}
.l-final h2{font-size:clamp(2rem,4.6vw,3.2rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:12px;font-weight:800}
.l-final p{opacity:.92;margin-bottom:28px;font-size:1.1rem}
.l-final .btn-primary{background:#fff;color:var(--brand);border-color:#fff}
.l-final .btn-primary:hover{background:#F0F9FF;color:var(--brand-hover)}
.l-final .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.l-final .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.l-final .l-ctas{justify-content:center;margin:0}

/* ---------- Movimiento ---------- */
@keyframes l-float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,25px) scale(.96)}}
@keyframes l-hover{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
.l-phone{--r:-2deg}
@keyframes l-pulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,.5)}70%{box-shadow:0 0 0 10px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}
@keyframes l-dots{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes l-marquee{to{transform:translateX(-50%)}}
@keyframes l-tap{0%{transform:scale(.4);opacity:1}100%{transform:scale(6);opacity:0}}
@keyframes l-wave{0%,100%{height:5px}50%{height:18px}}
@keyframes l-scan{0%{top:8%}50%{top:88%}100%{top:8%}}

/* ---------- Pantallas chicas ---------- */
@media (max-width:1020px){
  .l-hero-row,.l-split,.l-more{grid-template-columns:1fr}
  .l-stage{min-height:600px}
  .l-plans{grid-template-columns:repeat(2,1fr)}
  .l-why{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .l-channels,.l-steps{grid-template-columns:1fr}
  .l-steps::before,.l-steps::after{display:none}
  .l-chip.c1{left:0;top:30px}.l-chip.c2{right:0}.l-chip.c3{left:0}
  .l-stage{min-height:580px}
}
@media (max-width:560px){
  .l-plans{grid-template-columns:1fr}
  .l-why,.l-sols{grid-template-columns:1fr 1fr;gap:10px}
  .l-why li{padding:16px}
  .l-why p{font-size:.85rem}
  .l-chip.c2{display:none}
  .l-phone{width:268px;height:540px}
  .l-chip{font-size:.78rem;padding:8px 10px}
  .l-chip .ci{width:28px;height:28px}
  .l-scan{aspect-ratio:1/1.15}
  .l-read{width:78%}
  .l-ctas .btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .l-blob,.l-phone,.l-chip,.l-marquee-track,.l-beam,.l-erp::before,.l-final::before,.l-final::after,.l-qr-tag,.mini-app b::after,.mini-wa .wave i,.l-eyebrow .dot,.l-typing i{animation:none!important}
  .rv{opacity:1;transform:none;transition:none}
  .l-msg,.l-read div{opacity:1;transform:none;transition:none}
  .mini-bars i{height:var(--h);transition:none}
}

/* ---------- 2026-11b: elegir rápido ---------- */
.l-pick{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.l-pill{padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:650;color:var(--ink);transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease-out)}
.l-pill:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.l-pill[aria-pressed="true"]{background:var(--l-ink);border-color:var(--l-ink);color:#fff}
.l-plan{transition:transform .5s var(--ease-out),box-shadow .5s,opacity .4s,filter .4s}
.l-plan.dim{opacity:.55;filter:saturate(.6)}
.l-plan.pick{opacity:1;filter:none;transform:translateY(-8px) scale(1.02);background:linear-gradient(#fff,#fff) padding-box,var(--l-grad) border-box;border:2px solid transparent;box-shadow:var(--l-shadow-lg)}
.l-plan li.no{color:var(--muted)}
.l-plan li.no .ic{color:#B0BEC5}
.l-corpo{display:flex;align-items:center;gap:18px;margin-top:16px;padding:20px 24px;border-radius:var(--l-r);background:#121c2e;color:#CFE5EF;transition:transform .4s var(--ease-out),box-shadow .4s}
.l-corpo:hover,.l-corpo.pick{color:#CFE5EF;transform:translateY(-3px);box-shadow:var(--l-shadow-lg)}
.l-corpo.pick{outline:3px solid #34D399;outline-offset:3px}
.l-corpo-ic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#7DD3E8}
.l-corpo-ic .ic{width:24px;height:24px}
.l-corpo-tx{flex:1;display:grid}
.l-corpo-tx b{color:#fff;font-size:1.15rem}
.l-corpo-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;white-space:nowrap}
.l-corpo-go .ic{transition:transform .3s}
.l-corpo:hover .l-corpo-go .ic{transform:translateX(4px)}
.l-fine{display:grid;gap:8px;max-width:46rem;margin:24px auto 0}
.l-fine p{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:.95rem}
.l-fine .ic{width:18px;height:18px;color:var(--brand);margin-top:3px}
.l-from{display:inline-block;margin-top:4px;font-size:.85rem;font-weight:650;color:var(--wa-ink)}
/* ERP con soluciones */
.l-erp-top{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:32px}
.l-erp-top .l-ctas{margin:0}
.btn-light{background:#fff;color:var(--l-ink);border:1px solid #fff}
.btn-light:hover{background:#E8F3F8;color:var(--l-ink)}
.l-erp-sols{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.l-erp-sols li{padding:20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:background .3s,transform .4s var(--ease-out)}
.l-erp-sols li:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.l-erp-sols b{display:block;color:#fff;margin:12px 0 4px}
.l-erp-sols p{font-size:.92rem;color:#A9C4CF;margin:0}
.si{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}
.si .ic{width:20px;height:20px}
.si.s1{background:linear-gradient(135deg,#25D366,#0E7A3E)}.si.s2{background:linear-gradient(135deg,#3b82f6,#1a64e3)}.si.s3{background:linear-gradient(135deg,#F59E0B,#B45309)}
.si.s4{background:linear-gradient(135deg,#8B5CF6,#6D28D9)}.si.s5{background:linear-gradient(135deg,#10B981,#047857)}.si.s6{background:linear-gradient(135deg,#1C64F2,#1E40AF)}
/* Barra fija en el celular */
.l-sticky{display:none}
@media (max-width:760px){
  .l-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:18px;background:rgba(10,34,49,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:var(--l-shadow-lg);transform:translateY(140%);transition:transform .5s var(--ease-out)}
  .l-sticky.on{transform:none}
  .l-sticky b{display:block}
  .l-sticky small{color:#A9C4CF}
  .l-sticky.on~.wa-fab,body:has(.l-sticky.on) .wa-fab{bottom:92px}
  .l-erp-sols{grid-template-columns:1fr 1fr}
  .l-corpo{flex-wrap:wrap}
}
@media (max-width:1020px){.l-plans{grid-template-columns:repeat(2,1fr)}.l-sols{grid-template-columns:1fr 1fr}.l-erp-sols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.l-plans{grid-template-columns:1fr}.l-plan.pick{transform:none}.l-erp-sols{grid-template-columns:1fr 1fr;gap:8px}.l-erp-sols li{padding:14px}.l-erp-sols p{display:none}.l-erp-sols b{font-size:.92rem;margin:10px 0 0}}
@media (prefers-reduced-motion:reduce){.l-sticky{transition:none}}

/* ---------- La app en el hero (igual a la app real: fondo #f4f6fa, azul #1a64e3, Inter) ---------- */
.l-app{background:#f4f6fa;color:#0f1a2b;font-size:.78rem;position:relative}
.l-app .ic{stroke-width:2}
.ap-hd{display:flex;align-items:center;gap:8px;padding:40px 12px 10px;background:#fff;border-bottom:1px solid #e4e8ef}
.ap-ic{width:20px;height:20px}
.ap-logo{width:28px;height:28px;border-radius:8px;flex:none}
.ap-mk{flex:1;display:grid;line-height:1.15;min-width:0}
.ap-mk b{font-size:.92rem;font-weight:600}
.ap-mk small{font-size:.62rem;color:#5d6b7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-bell{position:relative;display:grid}
.ap-bell .ic{width:19px;height:19px}
.ap-bell i{position:absolute;top:-5px;right:-6px;min-width:14px;height:14px;border-radius:7px;background:#dc2626;color:#fff;font-style:normal;font-size:.55rem;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.ap-av{width:28px;height:28px;border-radius:50%;background:#e8f0fd;color:#1a64e3;display:grid;place-items:center;font-weight:700;font-size:.62rem}
.ap-views{position:relative;flex:1;overflow:hidden}
.ap-view{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .55s var(--ease-out),opacity .4s}
.ap-fac{transform:translateX(100%);opacity:0}
.l-app.fac .ap-ini{transform:translateX(-30%);opacity:0}
.l-app.fac .ap-fac{transform:none;opacity:1}
.ap-card{background:#fff;border:1px solid #e4e8ef;border-radius:16px;padding:12px}
.ap-row{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.ap-row>span:first-child{display:grid}
.ap-t{font-size:.95rem;font-weight:700;letter-spacing:-.01em}
.ap-row small,.ap-sub{color:#5d6b7e;font-size:.64rem}
.ap-det{border:1px solid #cfdcf3;border-radius:8px;padding:3px 7px;color:#1a64e3;font-weight:600;font-size:.64rem;white-space:nowrap}
.ap-big{font-size:1.45rem;font-weight:800;color:#1a64e3;margin-top:6px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ap-vs{display:flex;align-items:center;gap:6px;color:#5d6b7e;font-size:.62rem;margin-top:2px}
.ap-pill{padding:2px 6px;border-radius:999px;background:#e7f7ee;color:#16a34a;font-weight:700}
.ap-bars{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:8px}
.ap-bars i{flex:1;border-radius:4px 4px 2px 2px;background:#cfdcf3;height:15%;transition:height 1s var(--ease-out)}
.ap-bars i.hoy{background:#1a64e3}
.l-app.ini-on .ap-bars i{height:var(--h)}
.ap-sec{align-items:center;margin-top:4px}
.ap-link,.ap-mini{color:#1a64e3;font-weight:600;font-size:.66rem}
.ap-mini{border:1px solid #cfdcf3;border-radius:8px;padding:2px 6px}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ap-acc{display:flex;align-items:center;gap:6px;padding:8px 6px;border-radius:14px;border:1px solid;transition:transform .15s}
.ap-acc i{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center}
.ap-acc .ic{width:14px;height:14px}
.ap-acc span{display:grid;line-height:1.15;min-width:0}
.ap-acc b{font-size:.66rem;font-weight:600}
.ap-acc small{font-size:.54rem;color:#5d6b7e}
.ap-acc.a1{background:#e3edfd66;border-color:#dbe6f8}.ap-acc.a1 i{background:#e3edfd;color:#1a64e3}
.ap-acc.a2{background:#e2f6ea66;border-color:#d9efe2}.ap-acc.a2 i{background:#e2f6ea;color:#16a34a}
.ap-acc.a3{background:#fdf0d966;border-color:#f6ead2}.ap-acc.a3 i{background:#fdf0d9;color:#d97706}
.ap-acc.a4{background:#efe8fc66;border-color:#e7e0f6}.ap-acc.a4 i{background:#efe8fc;color:#7c4ddb}
.l-app.tap1 .ap-acc.a1{transform:scale(.95)}
.ap-cli{display:grid;gap:2px}
.ap-cli small{color:#5d6b7e;font-size:.62rem}
.ap-cli b{min-height:1.2em;display:flex;align-items:center;font-size:.84rem;font-weight:600}
.ap-caret{display:inline-block;width:2px;height:1em;background:#1a64e3;margin-left:1px;animation:ap-blink 1s steps(1) infinite}
.ap-ruc{font-size:.62rem;color:#16a34a;opacity:0;transition:opacity .4s}
.l-app.s2 .ap-ruc{opacity:1}
.ap-items{display:grid;gap:6px}
.ap-items li{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:7px 10px;opacity:0;transform:translateX(-14px);transition:opacity .45s,transform .55s var(--ease-out)}
.ap-items li span{display:grid}
.ap-items li b{font-weight:600}
.ap-items li small{color:#5d6b7e;font-size:.6rem}
.ap-items li em{font-style:normal;font-weight:700}
.l-app.s2 .ap-items li:first-child,.l-app.s3 .ap-items li{opacity:1;transform:none}
.ap-total{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:8px 2px;border-top:1px solid #e4e8ef}
.ap-total span{display:grid;font-weight:600}
.ap-total small{color:#5d6b7e;font-weight:400;font-size:.6rem}
.ap-total b{font-size:1.1rem;color:#0f1a2b;font-variant-numeric:tabular-nums;white-space:nowrap}
.ap-btn{display:block;text-align:center;border-radius:12px;padding:11px;font-weight:700;color:#fff;background:#1a64e3;transition:transform .15s,background .15s}
.l-app.s4 .ap-btn{transform:scale(.95);background:#1450b8}
.ap-ok{position:absolute;left:0;right:0;bottom:0;top:36%;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 30px -12px rgba(15,26,43,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;transform:translateY(105%);transition:transform .6s var(--ease-out);z-index:4}
.l-app.s5 .ap-ok{transform:none}
.ap-check svg{width:60px;height:60px;fill:none;stroke:#16a34a;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ap-check circle{stroke-dasharray:151;stroke-dashoffset:151;transition:stroke-dashoffset .7s .2s}
.ap-check path{stroke-dasharray:36;stroke-dashoffset:36;transition:stroke-dashoffset .4s .8s}
.l-app.s5 .ap-check circle,.l-app.s5 .ap-check path{stroke-dashoffset:0}
.ap-ok b{font-size:1.05rem}
.ap-ok small{color:#5d6b7e}
.ap-sifen{margin-top:2px;padding:3px 10px;border-radius:999px;background:#e7f7ee;color:#16a34a;font-weight:700;font-size:.68rem}
.ap-share{display:flex;gap:6px;margin-top:10px}
.ap-share i{font-style:normal;padding:7px 11px;border-radius:10px;border:1px solid #e4e8ef;font-weight:600;font-size:.68rem}
.ap-share i:last-child{background:#1a64e3;color:#fff;border-color:#1a64e3}
.ap-tabs{display:flex;justify-content:space-around;padding:7px 4px 14px;background:#fff;border-top:1px solid #e4e8ef;position:relative;z-index:5}
.ap-tabs span{display:grid;justify-items:center;gap:2px;font-size:.58rem;color:#5d6b7e;font-weight:500}
.ap-tabs span.on{color:#1a64e3}
.ap-tabs .ic{width:18px;height:18px}
.ap-tap{position:absolute;z-index:6;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:rgba(26,100,227,.35);border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:left .6s var(--ease-out),top .6s var(--ease-out),opacity .3s,transform .2s}
.ap-tap.on{opacity:1}
.ap-tap.press{transform:scale(.7)}
@keyframes ap-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ap-caret{animation:none}.ap-items li{opacity:1;transform:none}.ap-bars i{height:var(--h)}.ap-tap{display:none}}
/* WhatsApp en su sección */
.l-wa-sec{background:linear-gradient(180deg,#fff 0%,#F0FBF4 100%)}
.l-split-rev>.l-stage{order:0}
.l-stage-sm{min-height:600px}
.l-phone-wa{transform:rotate(2deg);--r:2deg}
.l-wa-steps{display:grid;gap:14px;margin-top:26px;counter-reset:none}
.l-wa-steps li{display:flex;gap:14px;align-items:flex-start}
.l-wa-steps span{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#25D366,#0E7A3E)}
.l-wa-steps p{color:var(--text)}
@media (max-width:1020px){.l-split-rev>.l-stage{order:2}}
@media (max-width:1180px){.landing .nav{gap:2px}.landing .nav-link{padding-inline:8px}}
@media (prefers-reduced-motion:reduce){.ap-caret{animation:none}.ap-items li{opacity:1;transform:none}}

/* ---------- Botones de las tiendas ---------- */
.l-stores{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.l-store{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:12px;background:#0f1a2b;color:#fff;border:1px solid #0f1a2b;transition:transform .25s var(--ease-out),background .25s}
.l-store:hover{color:#fff;background:#1a64e3;border-color:#1a64e3;transform:translateY(-2px)}
.l-store.off{background:#fff;color:var(--muted);border-color:var(--line-2);cursor:default}
.st-ic{width:22px;height:22px;display:grid;place-items:center}
.st-ic svg{width:22px;height:22px}
.st-tx{display:grid;line-height:1.1}
.st-tx small{font-size:.66rem;opacity:.8}
.st-tx b{font-size:1rem;font-weight:700}
.l-ch .l-stores{margin:16px 0 0}
.l-ch .l-store{padding:6px 12px 6px 9px}
.l-ch .st-tx b{font-size:.88rem}
.l-stores-fin .l-stores{justify-content:center;margin:-8px 0 26px}
.l-final .l-store{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.l-final .l-store:hover{background:#fff;color:#1a64e3}
.l-final .l-store.off{background:transparent;color:rgba(255,255,255,.75)}
.foot-app{margin-top:16px;font-weight:650;color:var(--ink);font-size:.9rem}
.foot .l-stores{margin:8px 0 0}
.foot a.l-store,.foot a.l-store:hover{color:#fff}.foot a.l-store:hover{background:#1a64e3}

/* ---------- 2026-11d: más compacto ---------- */
.l-sec{padding:clamp(52px,6.5vw,88px) 0}
.l-sec-slim{padding:clamp(36px,4vw,52px) 0}
.l-head{margin-bottom:clamp(28px,4vw,44px)}
.l-mini-h{font-size:1.05rem;color:var(--muted);font-weight:650;margin-bottom:14px}
.l-more-row{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:12px}
.l-more-erp{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#121c2e;color:#cfdcf3;transition:transform .4s var(--ease-out),box-shadow .4s}
.l-more-erp:hover{color:#cfdcf3;transform:translateY(-3px);box-shadow:var(--l-shadow-lg)}
.l-more-erp b{display:block;color:#fff;font-size:1.05rem}
.l-more-erp small{color:#8d99ab}
.l-more-erp .si{width:44px;height:44px;flex:none;border-radius:12px}
.l-more-row .l-sol{justify-content:center}
@media (max-width:1020px){.l-more-row{grid-template-columns:1fr 1fr}.l-more-erp{grid-column:1/-1}}

/* ---------- Pantallas grandes: todo crece con la pantalla (sin franjas vacías a los costados) ---------- */
@media (min-width:1500px){html{font-size:106.25%}.l-stage,.d-win,.e-dash{zoom:1.08}}
@media (min-width:1700px){html{font-size:112.5%}.l-stage,.e-dash{zoom:1.16}.d-win{zoom:1.1}}
@media (min-width:1920px){html{font-size:118.75%}.l-stage,.e-dash{zoom:1.26}.d-win{zoom:1.16}}
@media (min-width:2200px){html{font-size:131.25%}.l-stage,.e-dash{zoom:1.42}.d-win{zoom:1.26}}
@media (min-width:2600px){html{font-size:150%}.l-stage,.e-dash{zoom:1.62}.d-win{zoom:1.4}}
@media (min-width:3200px){html{font-size:175%}.l-stage,.e-dash{zoom:1.9}.d-win{zoom:1.6}}
@media (min-width:1500px){
  .landing .wrap{max-width:min(92vw,96rem)}
  .l-head .l-lead,.l-faq{max-width:none}
  .l-faq{max-width:60rem}
  .l-hero-row{grid-template-columns:1fr 1fr}
}

/* ---------- 07/11: prueba, costos y asistente ---------- */
.l-aparte{margin-top:10px;font-size:.85rem;color:var(--muted)}
.l-aparte a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.l-demo-nota{display:flex;gap:12px;align-items:flex-start;max-width:52rem;margin:clamp(28px,4vw,40px) auto 0;padding:16px 20px;border-radius:16px;background:#FFF8E6;border:1px solid #F5D78A;color:#6B4E00;font-size:.95rem}
.l-demo-nota .ic{width:22px;height:22px;flex:none;color:#B7791F;margin-top:1px}
.l-corpo-tx small{color:#9FB3C8;font-size:.85rem;margin-top:2px}
.l-tope{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:18px 22px;border-radius:var(--l-r);background:#fff;border:1px solid var(--line)}
.l-tope .ic{width:22px;height:22px;flex:none;color:var(--brand);margin-top:2px}
.l-tope p{color:var(--text-2);font-size:.95rem}
.l-tope b{color:var(--l-ink)}
.l-costos{margin-top:clamp(36px,5vw,52px)}
.l-costos-h{text-align:center;font-size:clamp(1.35rem,2.6vw,1.75rem);letter-spacing:-.02em;color:var(--l-ink);margin-bottom:20px}
.l-costos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.l-costos-grid li{position:relative;display:grid;align-content:start;gap:6px;padding:20px 18px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green)}
.l-costos-grid li.c-no{border-top-color:#E2A33B;background:#FFFCF5}
.l-costos-grid .k{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.l-costos-grid b{font-size:1.05rem;color:var(--l-ink)}
.l-costos-grid p{font-size:.88rem;color:var(--text-2)}
.l-sec-slim{padding-block:clamp(28px,4vw,44px)}
.l-asis{display:flex;align-items:center;gap:22px;padding:22px 26px;border-radius:24px;background:linear-gradient(120deg,#E9FBF1,#E8F1FF);border:1px solid #CFE8DA}
.l-asis-ic{position:relative;width:56px;height:56px;flex:none;border-radius:18px;display:grid;place-items:center;background:#25D366;color:#fff}
.l-asis-ic .ic{width:30px;height:30px}
.l-asis-ic i.on{position:absolute;right:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:3px solid #fff;animation:l-pulso 2s ease-in-out infinite}
@keyframes l-pulso{50%{box-shadow:0 0 0 6px rgba(34,197,94,.18)}}
.l-asis-tx{flex:1}
.l-asis-tx h2{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.015em;color:var(--l-ink);line-height:1.25;margin-bottom:6px}
.l-asis-tx p{color:var(--text-2);font-size:.95rem}
.l-asis-tx small{display:block;margin-top:4px;color:var(--muted);font-size:.82rem}
.l-asis .btn{white-space:nowrap}
.l-final .l-final-nota{margin:22px auto 0;max-width:40rem;font-size:.88rem;opacity:.85}
.dlg-resumen{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--brand-tint,#EEF4FF);color:var(--text-2);font-size:.85rem;line-height:1.45}
@media (max-width:1100px){.l-costos-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .l-costos-grid{grid-template-columns:1fr 1fr}
  .l-costos-grid li:first-child{grid-column:1/-1}
  .l-asis{flex-direction:column;align-items:flex-start;text-align:left}
  .l-asis .btn{width:100%;justify-content:center}
}
@media (max-width:420px){.l-costos-grid{grid-template-columns:1fr}}