/* AJAW Contabilidad (app). Tokens y componentes copiados de la app real (data.ajaw.ai) vía website_v8/v6.css. Sin amarillo. */
:root{
  --ink:#16133d; --body:#67648c; --faint:#9c9ab9;
  --ind:#3e34f9; --acc:#5b4fe5; --g1:#7871fb; --deep:#251f95;
  --lav:#f1f0fe; --lav2:#f7f6ff; --line:#ebe9fb; --line2:#e7e5f8; --lilac:#c9c5fb; --lilac2:#c7c2f5;
  --ok:#0f6e56; --okdot:#1d9e75; --okbg:#d1fae5; --bad:#b42323; --baddot:#e24b4a; --pinkbg:#fff0f5; --pink:#c02662;
  --grad:linear-gradient(135deg,#7871fb,#251f95);
  --frame:0 1px 2px rgba(22,19,61,.04),0 28px 64px -28px rgba(37,31,149,.28),0 0 0 1px var(--line);
  --font-display:'Clash Display','Inter',sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --side:240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--ind);outline-offset:2px;border-radius:6px}
.ic{width:16px;height:16px;flex:none;display:inline-block;vertical-align:middle}
.sr{position:absolute;left:-9999px}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
.shell.collapsed{--side:68px}
.side{border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:16px 12px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}
.side__logo{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 18px}
.side__logo img{height:30px;width:auto}
.side__logo button{border:0;background:none;color:var(--body);padding:4px;display:grid;place-items:center}
.side__lbl{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--body);padding:16px 12px 6px}
.nav{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:#3d3a5c;white-space:nowrap}
.nav .ic{color:#67648c;width:18px;height:18px}
.nav:hover{background:var(--lav2)}
.nav.on{background:var(--grad);color:#fff;box-shadow:0 4px 12px -5px rgba(37,31,149,.6)}
.nav.on .ic{color:#fff}
.nav.lock{color:#8d8aa8}
.nav.lock .ic{color:#a9a6c4}
.nav.lock.on{color:#fff}.nav.lock.on .ic{color:#fff}
.side__eco{margin-top:auto;padding:16px 4px 4px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.side__eco span{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--body);padding:0 8px}
.side__eco a{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ind)}
.side__eco a:hover{background:var(--lav2);border-color:var(--lilac)}
.side__eco .ic{width:13px;height:13px}
.collapsed .nav span,.collapsed .side__lbl,.collapsed .side__eco span,.collapsed .side__eco a span,.collapsed .nav .lk{display:none}
.collapsed .nav{justify-content:center;padding:0}
.collapsed .side__logo{flex-direction:column;gap:10px;padding:2px 0 14px}
.collapsed .side__logo img{width:34px;height:34px;object-fit:cover;object-position:left}
.collapsed .side__eco a{justify-content:center;padding:0}

.main{min-width:0;display:flex;flex-direction:column;background:#fff}
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);min-height:60px;display:flex;align-items:center;gap:12px;padding:10px 28px}
.top__burger{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;place-items:center}
.top .sp{flex:1}
.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.pill .ic{width:14px;height:14px;color:var(--body)}
.pill{min-width:0;max-width:100%}.pill b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);font-weight:600;font-size:13.5px}
.demo-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:var(--lav2);border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--body);white-space:nowrap}
.demo-chip i{width:6px;height:6px;border-radius:50%;background:var(--acc)}
.seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--lav2)}
.seg button{white-space:nowrap;border:0;background:none;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--body);display:inline-flex;align-items:center;gap:6px}
.seg button i{width:6px;height:6px;border-radius:50%;background:currentColor}
.seg button.on{background:var(--grad);color:#fff;box-shadow:0 3px 8px -4px rgba(37,31,149,.7)}
.seg button[disabled]{cursor:not-allowed;opacity:.6}
.pop{position:relative}
.pop__menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:260px;background:#fff;border-radius:14px;box-shadow:0 16px 40px -12px rgba(37,31,149,.28),0 0 0 1px var(--line);padding:8px;z-index:60}
.pop.open .pop__menu{display:block}
.pop__menu a,.pop__menu button.mi{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:9px 10px;border-radius:9px;font-size:13.5px;font-weight:500;color:#3d3a5c}
.pop__menu a:hover,.pop__menu button.mi:hover{background:var(--lav2)}
.pop__menu .h{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--body);padding:8px 10px 4px}
.pop__menu .who{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pop__menu .who b{display:block;font-size:14px}.pop__menu .who small{color:var(--body);font-size:12px}
.pop__menu .mi.cur{color:var(--ind);font-weight:700}
.pop__menu .mi .ic{color:var(--body)}
.pop__menu .mi.cur .ic{color:var(--ind)}
.pop__menu .badge{margin-left:auto}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#5b4fe5,#3f37b0);color:#fff;display:grid;place-items:center;font:600 12px/1 var(--font-display);border:0}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:var(--lav);color:var(--ind);font-size:11.5px;font-weight:700}

.page{padding:28px clamp(20px,2.6vw,48px) 64px;min-width:0;width:100%}
.ptitle{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.15;color:var(--ink)}
.psub{font-size:14px;color:var(--body);margin-top:4px}
.phead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ---------- buttons, chips ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.btn:hover{border-color:var(--lilac);background:var(--lav2)}
.btn .ic{width:16px;height:16px;color:var(--body)}
.btn.p{background:var(--grad);border:0;color:#fff;box-shadow:0 6px 16px -8px rgba(37,31,149,.7)}
.btn.p:hover{filter:brightness(1.06)}
.btn.p .ic{color:#fff}
.btn.sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}
.btn.xs{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px}
.btn.ok{background:var(--ok);border:0;color:#fff}
.btn.ok .ic{color:#fff}
.btn.w{background:#fff;border:0;color:var(--deep)}
.btn.w .ic{color:var(--deep)}
.btn.ghost{border-color:transparent;background:transparent}
.btn[disabled],.btn.dis{opacity:.5;cursor:not-allowed;filter:none}
.st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.st i{width:6px;height:6px;border-radius:50%;background:currentColor}
.st.ind{background:var(--lav);color:var(--ind)}
.st.ok{background:var(--okbg);color:var(--ok)}
.st.warn{background:var(--pinkbg);color:var(--pink)}
.st.mute{background:var(--lav2);color:var(--body);border:1px solid var(--line)}
.chipbtn{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line2);font-size:13.5px;font-weight:600;color:#3d3a5c}
.chipbtn:hover{border-color:var(--lilac)}
.chipbtn.on{background:var(--grad);border-color:transparent;color:#fff}
.chipbtn[disabled]{cursor:not-allowed;opacity:.55}

/* ---------- cards, kpis ---------- */
.card{background:#fff;border:1px solid var(--line);border-radius:14px}
.card__h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.card__h h3{font-size:16px}
.card__h .sp{flex:1}
.card__b{padding:16px 18px}
.klbl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--body)}
.kpis{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi{border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:#fff;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi b{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.15;color:var(--ink);white-space:nowrap}
.kpi span{font-size:12.5px;color:var(--body);line-height:1.3}
.kpi.ind b{color:var(--ind)}.kpi.ok b{color:var(--ok)}.kpi.warn b{color:var(--pink)}.kpi.big{background:var(--lav2)}

/* ---------- tabla facturas ---------- */
.tbar{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.tbar .sp{flex:1}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:8px;height:40px;min-width:240px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:#fff;color:var(--body)}
.search input{border:0;outline:0;flex:1;min-width:0;background:none;font-size:14px;color:var(--ink)}
.search:focus-within{border-color:var(--lilac);box-shadow:0 0 0 3px var(--lav)}
.search .ic{width:16px;height:16px}
.tab{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px;background:#fff}
.tab__n{padding:11px 18px;font-size:13px;font-weight:600;color:var(--ind);background:var(--lav2)}
.r{display:grid;grid-template-columns:minmax(220px,2.2fr) 70px 140px minmax(100px,1fr) 130px 24px;align-items:center;gap:14px;padding:10px 18px;min-height:58px;border-top:1px solid var(--line)}
a.r:hover{background:var(--lav2)}
.r.h{min-height:40px;padding-top:9px;padding-bottom:9px;background:var(--lav2);font-size:12.5px;font-weight:600;color:#3d3a5c;border-top:1px solid var(--line)}
.r .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.r.h .n{font-weight:600}
.r .t{color:var(--body);font-size:13px}
.r .who{display:flex;align-items:center;gap:12px;min-width:0}
.r .who>div{min-width:0}
.r .who b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .who small{display:block;font-size:12px;color:var(--body)}
.r .go{color:var(--faint);width:16px;height:16px}
.ini{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--lav);color:var(--ind);font:600 12px/1 var(--font-display);letter-spacing:.02em}
.ini.lg{width:56px;height:56px;border-radius:14px;font-size:18px;background:var(--grad);color:#fff}
.org{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--body);white-space:nowrap}
.org .ic{width:14px;height:14px}
.empty{padding:44px 24px;text-align:center;color:var(--body)}
.empty b{display:block;font-family:var(--font-display);font-size:18px;color:var(--ink);margin-bottom:6px}

/* ---------- inline notes ---------- */
.note{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:12px;background:var(--lav2);font-size:13px;color:#3d3a5c;border:1px solid var(--line)}
.note .ic{color:var(--ind);width:16px;height:16px;margin-top:2px}
.note.ok{background:var(--okbg);border-color:transparent;color:#0b4d3d}.note.ok .ic{color:var(--ok)}
.note.err{background:var(--pinkbg);border-color:#ffd3e3;color:#7a1640}.note.err .ic{color:var(--pink)}
.note.hidden{display:none}
.panel-open{margin-top:14px}
.drop{border:1.5px dashed var(--lilac2);border-radius:14px;padding:22px;text-align:center;color:var(--body);background:var(--lav2)}
.drop b{display:block;color:var(--ink);font-family:var(--font-display);font-size:16px;margin-bottom:4px}
.drop .btns{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.hid{display:none!important}

/* ---------- detalle factura ---------- */
.crumb{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--body);margin-bottom:14px}
.crumb:hover{color:var(--ind)}
.crumb .ic{width:14px;height:14px}
.inv-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px;align-items:start;margin-top:18px}
.stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.invhead{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;flex-wrap:wrap}
.invhead__t{min-width:0;flex:1 1 280px}
.invhead__t h1{font-size:26px;line-height:1.15}
.invhead__t .sub{color:var(--body);font-size:13px;margin-top:4px;display:flex;gap:8px 14px;flex-wrap:wrap}
.invhead__tot{text-align:right}
.invhead__tot b{display:block;font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.invhead__tot span{font-size:12.5px;color:var(--body)}
.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.meta div{padding:12px 22px;border-right:1px solid var(--line);min-width:0}
.meta div:last-child{border-right:0}
.meta small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--body)}
.meta span{display:block;font-size:13.5px;font-weight:600;word-break:break-all}
.cufe{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px!important;font-weight:500!important;color:#3d3a5c;line-height:1.35}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{background:var(--lav2);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--body);text-align:left;padding:9px 12px}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl th.n{text-align:right}
.tbl tr.tot td{background:#fbfbfe;font-weight:700}
.tbl .cod{font:600 13px var(--font-display);color:var(--ind);white-space:nowrap}
.tbl .sm{font-size:12px;color:var(--body);display:block}
.tbl .edited{color:var(--pink);font-size:11.5px;font-weight:600}
.scroll{overflow-x:auto}
.balance{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;border-top:1px solid var(--line);font-weight:600}
.balance .ic{width:18px;height:18px;padding:3px;border-radius:50%;flex:none}
.balance.good{color:var(--ok)}.balance.good .ic{background:var(--okbg)}
.balance.bad{color:var(--bad)}.balance.bad .ic{background:var(--pinkbg)}
.motivos{display:flex;flex-direction:column;gap:8px}
.motivo{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#3d3a5c}
.motivo .ic{width:16px;height:16px;padding:2px;border-radius:50%;margin-top:2px}
.motivo.si .ic{background:var(--okbg);color:var(--ok)}
.motivo.no .ic{background:var(--lav);color:var(--body)}
.motivo b{color:var(--ink)}
.q{border:1px solid var(--lilac);background:#f8f7ff;border-radius:14px;padding:16px 18px}
.q.done{background:#fff;border-color:var(--line)}
.q>b{display:block;font-family:var(--font-display);font-weight:600;font-size:18px}
.q small{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--body)}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-size:12px;font-weight:600;color:var(--body)}
.inp,select.inp{height:40px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;background:#fff;font-size:14px;color:var(--ink);width:100%;min-width:0;outline:0}
.inp:focus{border-color:var(--lilac);box-shadow:0 0 0 3px var(--lav)}
.inp.err{border-color:#f0a0bd}
.ferr{font-size:12px;color:var(--pink);min-height:0}
.details{border:1px solid var(--line);border-radius:14px;background:#fff}
.details>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:16px}
.details>summary::-webkit-details-marker{display:none}
.details>summary .ic{color:var(--ind)}
.details>summary .chev{margin-left:auto;color:var(--body);transition:transform .2s}
.details[open]>summary .chev{transform:rotate(180deg)}
.details__b{padding:2px 18px 18px;display:flex;flex-direction:column;gap:14px}
.edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.edit-row:first-of-type{border-top:0}
.edit-row small{display:block;color:var(--body);font-size:12px}
.log{font-size:12.5px;color:var(--body);padding-left:18px;margin:0}
.rem{display:flex;gap:12px;align-items:flex-start}
.rem .thumb{width:64px;height:80px;border-radius:8px;background:#fff;border:1px solid var(--line2);box-shadow:0 6px 14px -8px rgba(37,31,149,.4);display:flex;flex-direction:column;gap:5px;padding:9px 8px;flex:none}
.rem .thumb i{height:3px;border-radius:2px;background:var(--lilac)}
.rem .thumb i:nth-child(2n){width:70%}
.okbox{padding:18px;border-radius:14px;background:var(--lav2);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.okbox .btn{width:100%}
.preview{background:#fff;border:1px solid var(--lilac);border-radius:12px;padding:14px 16px;font-size:13.5px}
.preview b{display:block;font-family:var(--font-display);font-size:15px;margin-bottom:6px}
.preview ul{margin:6px 0 0;padding-left:18px;color:#3d3a5c}
.done{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:var(--okbg)}
.done .ck{width:38px;height:38px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:none}
.done .ck .ic{color:#fff;width:20px;height:20px}
.done b{display:block;font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink)}
.done small{display:block;margin-top:2px;font-size:13px;color:#2f4a41}
.verify{display:inline-flex;align-items:center;gap:7px;margin-top:10px;height:34px;padding:0 14px;border-radius:9px;background:var(--ok);color:#fff;font-size:13px;font-weight:600}
.verify .ic{width:14px;height:14px;color:#fff}
.dian{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.dian__r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid var(--line)}
.dian__r:first-of-type{border-top:0}
.dian__r b{font:600 15px/1 var(--font-display);color:var(--ind)}
.dian__r span{font-size:13px}
.dian__r em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--ok)}
.dian__r em.pend{color:var(--pink)}
.dian__r em .ic{width:15px;height:15px}
.why{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:var(--lav2);font-size:13px;color:#3d3a5c;margin-top:12px}
.why .ic{color:var(--ind);flex:none}

/* ---------- conexiones / usuarios ---------- */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.cx{padding:20px;display:flex;flex-direction:column;gap:14px}
.cx__h{display:flex;align-items:center;gap:12px}
.cx__h h3{font-size:18px}
.cx__logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--lav);color:var(--ind);font:600 15px/1 var(--font-display)}
.cx__logo .ic{width:22px;height:22px}
.cx__h .sp{flex:1}
.cx p.d{color:var(--body);font-size:13.5px}
.cx.soon{background:var(--lav2)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.linkbox{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border:1px solid var(--lilac);background:#f8f7ff;border-radius:12px}
.linkbox code{flex:1;min-width:0;font:500 13px ui-monospace,Menlo,monospace;word-break:break-all;color:var(--ink)}
.rol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.rol-grid .card{padding:14px 16px}
.rol-grid b{font-family:var(--font-display);font-size:15px;display:block}
.rol-grid span{font-size:12.5px;color:var(--body)}
.ut{display:grid;grid-template-columns:minmax(200px,2fr) minmax(180px,1.6fr) 150px 110px;gap:14px;align-items:center;padding:11px 18px;border-top:1px solid var(--line)}
.ut.h{background:var(--lav2);border-top:0;font-size:12.5px;font-weight:600;color:#3d3a5c;min-height:40px}
.ut .who{display:flex;align-items:center;gap:12px;min-width:0}
.ut .who b{display:block;font-size:14px}.ut small{color:var(--body);font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis}

/* ---------- empresas ---------- */
.co-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.co{padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s}
.co:hover{border-color:var(--lilac);box-shadow:0 14px 32px -18px rgba(37,31,149,.4)}
.co__h{display:flex;gap:12px;align-items:center}
.co__h h3{font-size:17px;line-height:1.2}
.co__h small{color:var(--body);font-size:12.5px}
.co__k{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co__k div{background:var(--lav2);border-radius:12px;padding:10px 12px}
.co__k b{display:block;font-family:var(--font-display);font-size:22px;line-height:1.1}
.co__k span{font-size:12px;color:var(--body)}
.co.add{border-style:dashed;border-color:var(--lilac2);background:var(--lav2);align-items:center;justify-content:center;text-align:center;min-height:220px;color:var(--body)}

/* ---------- auth pages ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.auth__form{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,7vw,96px);max-width:640px;width:100%;margin:0 auto}
.auth__form img.logo{height:34px;width:auto;margin-bottom:36px;align-self:flex-start}
.auth__form h1{font-size:34px;line-height:1.1}
.auth__form .lead{color:var(--body);margin-top:8px;font-size:15px}
.form{display:flex;flex-direction:column;gap:16px;margin-top:26px}
.auth__art{background:var(--grad);position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px clamp(24px,5vw,72px)}
.auth__art::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(249,52,140,.55),rgba(249,52,140,0) 65%)}
.auth__art h2{font-size:34px;line-height:1.12;max-width:520px;position:relative;z-index:1}
.auth__art p{margin-top:12px;color:rgba(255,255,255,.86);max-width:460px;position:relative;z-index:1}
.auth__art ul{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.auth__art li{display:flex;gap:10px;align-items:center;font-size:14.5px}
.auth__art li .ic{width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff}
.mini-inv{margin-top:32px;background:#fff;color:var(--ink);border-radius:16px;padding:16px;max-width:430px;position:relative;z-index:1;box-shadow:0 24px 48px -20px rgba(10,8,70,.6)}
.mini-inv .as{font-size:12.5px;display:grid;grid-template-columns:44px 1fr auto auto;gap:6px 10px;margin-top:10px}
.mini-inv .as span:nth-child(4n+3),.mini-inv .as span:nth-child(4n){text-align:right;font-variant-numeric:tabular-nums}
.price{border:1px solid var(--lilac);background:#f8f7ff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.price b{font-family:var(--font-display);font-size:34px;line-height:1.1}
.price small{display:block;color:var(--body);font-size:13px}
.step{display:flex;gap:8px;align-items:center;color:var(--body);font-size:12.5px;font-weight:600;margin-bottom:14px}
.step i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lav);color:var(--ind);font-size:12px}
.step i.on{background:var(--grad);color:#fff}

/* ---------- teasers ---------- */
.upgrade{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:16px;background:var(--grad);color:#fff;position:relative;overflow:hidden;margin-bottom:22px;flex-wrap:wrap}
.upgrade::after{content:"";position:absolute;right:-60px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(249,52,140,.5),rgba(249,52,140,0) 65%);pointer-events:none}
.upgrade__i{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none;position:relative;z-index:1}
.upgrade__i .ic{width:22px;height:22px;color:#fff}
.upgrade__t{flex:1 1 320px;min-width:0;position:relative;z-index:1}
.upgrade__t b{display:block;font-family:var(--font-display);font-size:19px;font-weight:600}
.upgrade__t span{display:block;font-size:13.5px;color:rgba(255,255,255,.88);margin-top:2px}
.upgrade .btn{position:relative;z-index:1}
.tz{pointer-events:auto}
.tz .dis{cursor:not-allowed}
.sel{display:flex;gap:10px;align-items:center}
.cb{width:17px;height:17px;border:1.5px solid var(--lilac2);border-radius:5px;background:#fff;flex:none;display:grid;place-items:center}
.cb.on{background:var(--grad);border-color:transparent}
.cb.on .ic{width:12px;height:12px;color:#fff}
.two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;align-items:start;margin-top:22px}
.pr-r{display:grid;grid-template-columns:26px minmax(0,2fr) 90px 130px minmax(120px,1fr);gap:12px;align-items:center;padding:10px 18px;border-top:1px solid var(--line);min-height:56px}
.pr-r.h{background:var(--lav2);border-top:0;font-size:12.5px;font-weight:600;color:#3d3a5c;min-height:40px}
.pr-r .n{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:14px;height:170px;padding:10px 4px 0}
.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.bars i{display:block;width:100%;max-width:56px;border-radius:8px 8px 3px 3px;background:var(--grad)}
.bars span{font-size:12px;color:var(--body)}
.bars b{font-size:12px}
.ipad{border:1px solid var(--line);border-radius:22px;padding:14px;background:var(--lav2)}
.sign{height:120px;border:1.5px dashed var(--lilac2);border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--faint)}
.paper{height:200px;border-radius:12px;background:#fff;border:1px solid var(--line2);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 24px -16px rgba(37,31,149,.4)}
.paper i{height:5px;border-radius:3px;background:var(--lilac)}.paper i:nth-child(3n){width:60%}.paper i:nth-child(4n){width:80%}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:500;z-index:200;max-width:calc(100vw - 32px);transition:opacity .2s,transform .2s;box-shadow:0 14px 30px -10px rgba(22,19,61,.5)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.scrim{display:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .kpis.k4,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis .big{grid-column:1/-1}
  .inv-grid,.two{grid-template-columns:minmax(0,1fr)}
  .co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .shell,.shell.collapsed{grid-template-columns:minmax(0,1fr);--side:260px}
  .side{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-102%);transition:transform .25s;box-shadow:0 0 40px rgba(22,19,61,.25)}
  .shell.menu-open .side{transform:none}
  .shell.menu-open .scrim{display:block;position:fixed;inset:0;background:rgba(22,19,61,.35);z-index:35}
  .collapsed .nav span,.collapsed .side__lbl,.collapsed .side__eco span,.collapsed .side__eco a span{display:revert}
  .collapsed .nav{justify-content:flex-start;padding:0 12px}
  .side__logo button.coll{display:none}
  .top__burger{display:grid}
  .top{padding:10px 14px;gap:8px}
  .top .hide-m{display:none}
  .page{padding:20px 16px 48px}
  .ptitle{font-size:24px}
  .auth{grid-template-columns:minmax(0,1fr)}
  .auth__art{display:none}
  .cards{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .top .pop:first-of-type{min-width:0;flex:1 1 auto}.top .pop:first-of-type .pill{width:100%}
  .seg button{padding:0 9px;font-size:11.5px}.seg button i,.seg .mx{display:none}
  .top{gap:6px}
  .kpi b{font-size:20px;white-space:normal;overflow-wrap:anywhere}.kpi{padding:12px 14px}
  .r.h{display:none}
  .r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who st" "tot org";gap:6px 10px;padding:12px 14px}
  .r .who{grid-area:who}.r .st{grid-area:st;justify-self:end}.r .n{grid-area:tot;text-align:left}.r .org{grid-area:org;justify-self:end}
  .r .t,.r .go{display:none}
  .meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meta div{border-bottom:1px solid var(--line)}
  .invhead{padding:16px}
  .invhead__tot{text-align:left;width:100%}
  .invhead__t h1{font-size:22px}
  .co-grid,.rol-grid{grid-template-columns:minmax(0,1fr)}
  .grid2{grid-template-columns:minmax(0,1fr)}
  .ut{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.ut.h{display:none}
  .ut .c2{grid-column:1/-1;order:3}
  .pr-r{grid-template-columns:22px minmax(0,1fr) auto}.pr-r.h{display:none}.pr-r .hm{display:none}
  .edit-row{grid-template-columns:minmax(0,1fr)}
  .tbl{font-size:12.5px}.tbl th,.tbl td{padding:8px}
  .search{min-width:0;flex:1 1 100%}
  .tbar .btn{flex:1 1 auto}
  .btn{height:44px}
  .price{flex-direction:column;align-items:flex-start}
  .upgrade{padding:16px}
  .auth__form{padding:28px 20px}
  .auth__form h1{font-size:28px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- configuración ---------- */
.side__eco a.nav{justify-content:flex-start;height:40px;padding:0 12px;border:0;border-radius:10px;font-size:14.5px;font-weight:500;color:#3d3a5c}
.side__eco a.nav:hover{background:var(--lav2)}
.side__eco a.nav.on{background:var(--grad);color:#fff}
.side__eco a.nav .ic{width:18px;height:18px}
.side__eco a.nav span{font-size:14.5px;font-weight:500;letter-spacing:0;text-transform:none;color:inherit;padding:0}
.collapsed .side__eco a.nav span{display:none}
.cfg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;align-items:start}
.cfg .card__b{display:flex;flex-direction:column;gap:14px}
.cfg .card__h .ic{color:var(--ind);width:18px;height:18px}
.cfgnav{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.cfgnav a{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--ind);background:#fff}
.cfgnav a:hover{background:var(--lav2);border-color:var(--lilac)}
.cfg section{scroll-margin-top:80px}
.trow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.trow:first-child{border-top:0;padding-top:0}
.trow b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.trow small{display:block;font-size:12.5px;color:var(--body);margin-top:2px}
.tg{position:relative;flex:none;width:42px;height:24px}
.tg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.tg i{position:absolute;inset:0;border-radius:999px;background:#d4d2e6;transition:background .15s}
.tg i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.tg input:checked+i{background:var(--ind)}
.tg input:checked+i:after{transform:translateX(18px)}
.tg input:focus-visible+i{box-shadow:0 0 0 3px var(--lav)}
.tg input:disabled{cursor:not-allowed}.tg input:disabled+i{opacity:.55}
.inp[readonly],.inp:disabled{background:var(--lav2);color:#3d3a5c}
.savebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.saved{font-size:13px;font-weight:600;color:var(--ok);display:none;align-items:center;gap:6px}
.saved.show{display:inline-flex}
.saved .ic{width:15px;height:15px}
.logoph{width:56px;height:56px;border-radius:12px;border:1px dashed var(--lilac);background:var(--lav2);display:grid;place-items:center;color:var(--ind);flex:none}
.logoph .ic{width:22px;height:22px}
.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.kv:first-child{border-top:0;padding-top:0}
.kv b{font-size:14px;font-weight:600}
.kv small{display:block;font-size:12.5px;color:var(--body)}
.sess{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.sess:first-child{border-top:0}
.sess>div{flex:1;min-width:0}.sess b{display:block;font-size:14px}.sess small{font-size:12.5px;color:var(--body)}
@media (max-width:1200px){.cfg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.trow{align-items:flex-start}}


/* =====================================================================  ronda 2  */
/* ---------- sidebar: empresa bajo el logo, Más de AJAW ---------- */
.side__logo{padding-bottom:12px}
.side__co{display:flex;align-items:center;gap:10px;margin:0 2px 4px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--lav2)}
.side__co .ini{width:30px;height:30px;border-radius:9px;font-size:11px}
.side__co-t{min-width:0;flex:1}
.side__co-t b{display:block;font:600 13px/1.25 var(--font-display);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side__co-t small{display:block;font-size:11.5px;line-height:1.3;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side__sw{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ind);border:1px solid var(--line);background:#fff}
.side__sw:hover{border-color:var(--lilac);background:var(--lav)}
.side__eco{gap:6px}
.side__eco a.nav{margin-top:4px}
.collapsed .side__co-t,.collapsed .side__sw{display:none}
.collapsed .side__co{justify-content:center;padding:6px 0;border:0;background:none}
.top__co{display:none;font:600 14px/1 var(--font-display);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.demo-chip{background:#fff}
.btn.lg{height:48px;padding:0 26px;font-size:15px;border-radius:12px}
.lnk{background:none;border:0;padding:0;font-size:14px;font-weight:600;color:var(--ind);cursor:pointer}
.lnk:hover{text-decoration:underline}
.eyebrow{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--body);margin-bottom:6px}
.eyebrow .ic{color:var(--ind);width:14px;height:14px}
.mut{color:var(--body);font-weight:400}.bad{color:var(--pink)}
.ex{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--lav);color:var(--ind);font-size:11px;font-weight:700;letter-spacing:.02em}

/* ---------- módulos bloqueados (como AJAW Data) ---------- */
.mod{position:relative}
.mod.is-locked{height:calc(100vh - 118px);min-height:640px;overflow:hidden;border-radius:6px}
.mod.is-locked .mod__page{pointer-events:none;user-select:none}
.mod__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.7) 56%,rgba(255,255,255,.96) 78%,#fff 100%);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);-webkit-mask-image:linear-gradient(to bottom,transparent 26%,#000 52%);mask-image:linear-gradient(to bottom,transparent 26%,#000 52%)}
.mod__cta{position:absolute;left:50%;top:51%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;z-index:5}
.lockbadge{width:58px;height:58px;border-radius:17px;background:var(--grad);display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(37,31,149,.75),0 0 0 6px rgba(255,255,255,.9)}
.lockbadge .ic{width:26px;height:26px;color:#fff}
.mod__cta h2{font:600 40px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-top:18px}
.mod__cta p{margin-top:12px;font-size:17px;line-height:1.55;color:var(--body);max-width:480px}
.mod__cta .btn{margin-top:22px;box-shadow:0 12px 26px -12px rgba(37,31,149,.8)}
.mod__cta .lnk{margin-top:16px}

/* ---------- piezas comunes de los módulos ---------- */
.mdl{position:fixed;inset:0;background:rgba(22,19,61,.4);z-index:300;display:flex;justify-content:center;align-items:flex-start;padding:7vh 16px 24px;overflow:auto}
.mdl__box{background:#fff;border-radius:18px;max-width:520px;width:100%;padding:22px 24px;box-shadow:0 30px 70px -24px rgba(22,19,61,.6);display:flex;flex-direction:column;gap:14px}
.mdl__box.wide{max-width:920px}
.mdl__h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mdl__h h3{font-size:20px}
.mdl__s{font-size:14px;line-height:1.55;color:var(--body)}.mdl__s b{color:var(--ink)}
.mdl__k{font:600 15px var(--font-display);margin-top:6px}
.mdl__f{display:flex;gap:8px;flex-wrap:wrap}
.dw-x{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--body);display:grid;place-items:center}
.dw-x:hover{background:var(--lav2)}
.mail{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.mail__h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.mail pre{margin:0;white-space:pre-wrap;font:13px/1.55 var(--font-body);color:#3d3a5c}
.m-bar{position:sticky;bottom:0;z-index:20;margin:18px calc(-1 * clamp(20px,2.6vw,48px)) -64px;background:#fff;border-top:1px solid var(--line);padding:12px clamp(20px,2.6vw,48px);display:flex;align-items:center;gap:20px;box-shadow:0 -10px 24px -16px rgba(37,31,149,.3)}
.mod.is-locked .m-bar{margin-bottom:0}
.m-bar .t{flex:1;font-size:15px;color:#3d3a5c}.m-bar .t b{color:var(--ink)}.m-bar .sp{flex:1}
.m-bar .t.tt b{font-size:19px;font-family:var(--font-display)}
.card{margin-bottom:0}
.mroot>.card,#modRoot>.card{margin-top:16px}
.grow{flex:1 1 220px}
.hint{font-size:12px;color:var(--body);margin-top:2px;white-space:nowrap}.hint .up{color:var(--pink);font-weight:700}.hint .down{color:var(--ok);font-weight:700}
.up{color:var(--ok);font-weight:700}.down{color:var(--pink);font-weight:700}
.cbx{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;flex:none;cursor:pointer}
.cbx input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cbx i{width:20px;height:20px;border:1.5px solid var(--lilac2);border-radius:6px;background:#fff;display:grid;place-items:center}
.cbx i .ic{width:13px;height:13px;color:#fff;opacity:0}
.cbx input:checked+i{background:var(--grad);border-color:transparent}.cbx input:checked+i .ic{opacity:1}
.cbx input:focus-visible+i{box-shadow:0 0 0 3px var(--lav)}
.btnchip{border:0;cursor:pointer}
.inp.sm{height:36px;width:110px;text-align:right}
select.inp.sm{width:78px}
.inp.ta2{height:auto;min-height:72px;padding:10px 12px;font-family:inherit;resize:vertical}
.ferr{display:block}

/* ---------- Pagos ---------- */
.m-steps{margin-top:18px}
.m-steps__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.m-steps__g div{padding:14px 18px;border-left:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--body)}
.m-steps__g div:first-child{border-left:0}.m-steps__g b{display:block;font:600 14px var(--font-display);color:var(--ink);margin-bottom:3px}
.m-cfg{margin-top:14px;padding:14px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:14px}
.m-cfg small{display:block;font-size:12.5px;color:var(--body);margin-top:3px}
#pgLotes{margin-top:14px}
.m-tools{margin-top:14px;padding:16px 18px}
.m-tools__r{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.m-tools .note{margin-top:12px}
#pgList{margin-top:14px}
.m-prov{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.m-prov__h{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer}
.m-prov__h:hover{background:var(--lav2)}
.m-prov__h .n{flex:1;min-width:0}.m-prov__h .n b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-prov__h .n small{font-size:12px;color:var(--body)}
.m-prov__h .chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.m-prov__h .amt{min-width:130px;text-align:right}.m-prov__h .amt b{font:600 15px var(--font-display);font-variant-numeric:tabular-nums}.m-prov__h .amt small{display:block;font-size:12px}.sel{color:var(--ind);font-weight:600}
.m-prov__h .chv{color:var(--faint);transition:transform .2s}.m-prov.open .chv{transform:rotate(180deg)}
.m-prov__b{border-top:1px solid var(--line);background:#fbfbfe}
.m-inv{display:grid;grid-template-columns:20px minmax(0,1fr) auto 130px;gap:14px;align-items:center;padding:10px 16px 10px 52px;border-top:1px solid var(--line);font-size:13.5px;cursor:pointer}
.m-inv:first-child{border-top:0}
.m-inv .v{color:var(--body);font-size:13px}.m-inv .s{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- Bodega ---------- */
.b-search{margin-top:18px;max-width:none;height:48px;border-radius:14px}
.b-sec{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--body);margin:24px 2px 10px}
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.b-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit;color:inherit}
.b-card:hover{border-color:var(--lilac);box-shadow:0 12px 28px -18px rgba(37,31,149,.5)}
.b-card__t{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.b-card__t b{display:block;font:600 15.5px var(--font-display)}.b-card__t small{display:block;font-size:12.5px;color:var(--body);margin-top:3px}
.when{white-space:nowrap;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--lav2);color:#3d3a5c;border:1px solid var(--line)}
.when.hoy{background:var(--lav);color:var(--ind);border-color:transparent}.when.tarde{background:var(--pinkbg);color:var(--pink);border-color:transparent}
.b-card__i{margin-top:10px;font-size:13px;line-height:1.55;color:#3d3a5c}
.nofac{display:block;margin:26px auto 0;background:none;border:0;color:var(--body);font-size:14px;text-decoration:underline;cursor:pointer}
.crumb{background:none;border:0;padding:0}
.b-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.b-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.b-box{padding:16px 18px}
.b-box .klbl{margin-bottom:10px}
.b-prov b{display:block;font:600 18px var(--font-display)}.b-prov small{color:var(--body);font-size:13px}
.b-lines{margin-top:10px;font-size:13.5px;line-height:1.6;color:#3d3a5c}.b-lines span{color:var(--ind);font-weight:600}
.b-seg{display:flex;gap:8px}.b-seg button{flex:1;height:46px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;color:#3d3a5c}
.b-seg button.on{border-color:var(--ind);background:var(--lav);color:var(--ind)}
.b-photo{margin-top:12px;border:1.5px dashed var(--lilac2);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--lav2)}
.b-photo__ic{width:40px;height:40px;border-radius:12px;background:var(--grad);display:grid;place-items:center}.b-photo__ic .ic{color:#fff;width:20px;height:20px}
.b-photo b{display:block;font:600 15px var(--font-display)}.b-photo small{display:block;color:var(--body);font-size:12.5px;margin-top:2px}
.b-thumbs{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.b-th{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.b-th__img{width:92px;height:110px;border-radius:8px;overflow:hidden;flex:none;background:var(--lav);display:grid;place-items:center}.b-th__img img{width:100%;height:100%;object-fit:cover}
.pdf{font-weight:700;color:var(--body)}
.b-th__r{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ocr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ocr small{flex-basis:100%;font-size:12.5px;color:#3d3a5c}
.ocr.run{color:var(--ind);font-weight:600;font-size:13.5px;gap:8px}
.spin{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--lilac);border-top-color:var(--ind);animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.b-sign{padding:16px 18px;position:sticky;top:76px}
.b-sign__h{display:flex;justify-content:space-between;align-items:center}
.sigwrap{position:relative}
.sigwrap canvas{width:100%;height:240px;background:#fff;border:1px solid var(--line2);border-radius:14px;touch-action:none;display:block;cursor:crosshair}
.sighint{position:absolute;left:24px;right:24px;bottom:44px;border-top:1px dashed #d3d0ea;pointer-events:none}.sighint span{position:absolute;left:0;top:6px;font-size:12px;color:var(--faint)}
.b-check{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.b-check li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--body)}
.b-check li i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--lilac2);display:grid;place-items:center;flex:none}
.b-check li.ok{color:#0b4d3d}.b-check li.ok i{background:var(--ok);border-color:var(--ok)}.b-check li.ok i .ic{width:11px;height:11px;color:#fff}
.b-send{width:100%}
.b-done{text-align:center;padding:60px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.b-done .ck{width:64px;height:64px;border-radius:50%;background:var(--ok);display:grid;place-items:center}.b-done .ck .ic{width:32px;height:32px;color:#fff}
.b-done h2{font-size:28px;margin-top:12px}.b-done p{color:var(--body);line-height:1.6;margin-bottom:18px}

/* ---------- Órdenes ---------- */
.m-oc tr.row{cursor:pointer}.m-oc tr.row:hover td{background:var(--lav2)}
.m-oc .cod{font:600 13px var(--font-display);color:var(--ind)}
.oc-ed{max-width:none}
.crumbrow{margin-bottom:6px}
.oc-card{padding:16px 18px;margin-top:14px}
.oc-card .klbl{margin-bottom:10px}
.oc-prov{display:flex;align-items:center;gap:12px;justify-content:space-between}.oc-prov b{font:600 17px var(--font-display);display:block}.oc-prov small{color:var(--body);font-size:12.5px}
.ta{position:relative}.ta .inp{height:46px;font-size:15px}
.dd{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border-radius:12px;box-shadow:0 18px 40px -16px rgba(37,31,149,.4),0 0 0 1px var(--line);max-height:320px;overflow:auto;z-index:25}
.dd div{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
.dd div.on,.dd div:hover{background:var(--lav2)}.dd div span{color:var(--body);font-size:12.5px;white-space:nowrap}.dd .cd{font-weight:400}.dd .nada{color:var(--body);cursor:default}
.m-lines{margin-top:14px}.m-lines td{vertical-align:middle}
.m-lines .n .hint{text-align:right}
.rm{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--pink);display:grid;place-items:center}.rm .ic{width:14px;height:14px}.rm:hover{background:var(--pinkbg)}
.why{font-size:13.5px;color:var(--body);margin-top:6px}
.oc-done{margin-top:16px}.oc-done small{display:block}

/* ---------- Reportes ---------- */
.alert{border-radius:14px;padding:16px 20px;margin-top:18px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);background:#fff}
.alert.bad{background:var(--pinkbg);border-color:#ffd3e3}
.alert .tx{flex:1;min-width:260px}.alert .t{font:600 18px var(--font-display);margin-bottom:4px}.alert .x{color:#3d3a5c;line-height:1.55;font-size:14px}
.alert .big{text-align:center}.alert .big strong{display:block;font:600 32px var(--font-display);color:var(--pink);white-space:nowrap}.alert .big span{font-size:12px;color:var(--body)}
.hero3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-top:14px}
.hk{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px}
.hk .l{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--body);font-weight:700}
.hk .v{font:600 34px var(--font-display);margin:8px 0 4px;letter-spacing:-.01em}.hk .d{font-size:13px;color:var(--body)}
.hk.main{background:var(--grad);border:0;color:#fff;position:relative;overflow:hidden}
.hk.main::after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(249,52,140,.5),rgba(249,52,140,0) 65%)}
.hk.main .l,.hk.main .d{color:rgba(255,255,255,.82);position:relative;z-index:1}.hk.main .v{font-size:44px;color:#fff;position:relative;z-index:1}
.hk.main .up{color:#a7f3d0}.hk.main .down{color:#ffd0e1}
.kpis6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}
.k{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.k .l{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--body);font-weight:700}
.k .v{font:600 23px var(--font-display);margin:6px 0 3px;letter-spacing:-.01em}.k .d{font-size:12.5px;color:var(--body)}
.grid2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.ch{font-size:17px}.ch__s{font-size:12.5px;color:var(--body);margin:3px 0 12px}
.svgc{width:100%;height:auto;display:block}
.legend{display:flex;gap:16px;font-size:12px;color:var(--body);margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
#rpBody .card{margin-top:14px}
.tbl.inv td,.tbl.inv th{padding:9px 12px}.tbl.inv td:first-child{color:#3d3a5c}
.cbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;gap:12px;align-items:center;padding:7px 0;font-size:13.5px}
.cbar i{height:8px;border-radius:5px;background:var(--lav);display:block}.cbar i b{display:block;height:100%;border-radius:5px;background:var(--grad)}.cbar em{font-style:normal;font-weight:600;text-align:right}
.spark{max-width:100%}
.phead .row{align-items:center}

/* ---------- Conexiones (como la de AJAW MRP: tarjetas con logo + panel) ---------- */
.cxsec{margin-top:30px}
.cxsec__h{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cxsec__h h2{font-size:17px}.cxsec__h .cnt{font-size:12px;font-weight:700;color:var(--faint)}.cxsec__h .hint{margin-left:auto;font-size:12.5px;color:var(--body);white-space:normal;text-align:right}
.cxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:18px}
.cxc{border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.cxc:hover{border-color:var(--lilac);box-shadow:0 18px 36px -24px rgba(37,31,149,.45)}
.cxc.soon{background:var(--lav2)}
.cxc__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.plate{width:132px;height:64px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px 16px;flex:none}
.plate img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.plate.sm{width:84px;height:44px;padding:6px 10px;border-radius:10px}
.cxc h3{font-size:19px;margin-top:6px}
.cxc p{color:var(--body);font-size:14px;line-height:1.55;flex:1}
.cxc__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line);margin-top:4px}
.cmeta{font-size:12.5px;color:var(--body);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cxfoot{display:flex;align-items:center;gap:8px;margin-top:30px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--body)}.cxfoot .ic{color:var(--ind)}
.dw-back{position:fixed;inset:0;background:rgba(22,19,61,.32);z-index:310}
.dw{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:100%;z-index:311;background:#fff;box-shadow:-24px 0 60px -28px rgba(22,19,61,.5);display:flex;flex-direction:column}
.dw[hidden],.dw-back[hidden]{display:none}
.dw-h{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}
.dw-h .t{flex:1;min-width:0}.dw-h h3{font-size:19px}.dw-h .s{font-size:12.5px;color:var(--body);margin-top:2px}
.dw-b{padding:22px;display:flex;flex-direction:column;gap:16px;overflow:auto;flex:1}
.dw-p{font-size:14px;line-height:1.55;color:var(--body)}
.dw-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.field small{font-size:12px;color:var(--body);line-height:1.45}
.btn.oauth{height:50px;font-size:15px;gap:12px;border-radius:12px}.btn.oauth img{width:22px;height:22px;object-fit:contain}
body.dw-open{overflow:hidden}

/* ---------- onboarding en Facturas ---------- */
.onb{margin-top:20px;border:1px solid var(--lilac);border-radius:16px;background:linear-gradient(180deg,#f8f7ff,#fff);padding:20px 24px}
.onb__h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.onb__h h2{font-size:22px}.onb__h p{color:var(--body);font-size:14px;margin-top:3px}
.onb__n{font-size:13px;font-weight:700;color:var(--ind);background:var(--lav);padding:4px 12px;border-radius:999px;white-space:nowrap}
.onb__bar{height:6px;background:var(--lav);border-radius:4px;margin:14px 0 6px;overflow:hidden}.onb__bar i{display:block;height:100%;background:var(--grad);border-radius:4px;transition:width .4s}
.onb__steps{list-style:none;margin:0;padding:0}
.onb__steps li{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.onb__steps li:first-child{border-top:0}
.onb__steps li>div{flex:1;min-width:0}.onb__steps b{display:block;font:600 16px var(--font-display)}.onb__steps small{color:var(--body);font-size:13px}
.onb__ck{width:32px;height:32px;border-radius:50%;background:var(--lav);color:var(--ind);display:grid;place-items:center;font:600 14px var(--font-display);flex:none}
.onb__steps li.done .onb__ck{background:var(--ok)}.onb__ck .ic{width:16px;height:16px;color:#fff}
.onb__pay{display:flex;align-items:center;gap:16px;margin-top:8px;padding:16px 18px;border-radius:14px;background:var(--grad);color:#fff;flex-wrap:wrap}
.onb__pay>.ic{width:26px;height:26px;color:#fff}.onb__pay div{flex:1;min-width:220px}.onb__pay b{display:block;font:600 17px var(--font-display)}.onb__pay small{color:rgba(255,255,255,.88);font-size:13.5px}
.onb__pay .btn{background:#fff;color:var(--deep);border:0}

/* ---------- auth: Google, firma, signup premium ---------- */
.gbtn{height:48px;font-size:15px;gap:12px;border-radius:12px;width:100%}.gbtn svg{width:20px;height:20px}
.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12.5px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.fine{font-size:13px;color:var(--body);line-height:1.5}
.form .btn.lg{width:100%}
.auth__art.signup-art,.auth__art:has(.sa){padding:44px clamp(24px,4vw,64px);background:linear-gradient(150deg,#7871fb 0%,#4a3fe0 45%,#251f95 100%)}
.sa{position:relative;z-index:1;width:100%;max-width:760px}
.sa__ey{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.sa__h h2{font-size:38px;line-height:1.1;margin-top:10px;max-width:560px}
.sa__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;align-items:start}
.wd{background:#fff;color:var(--ink);border-radius:18px;padding:16px 18px;box-shadow:0 28px 50px -26px rgba(10,8,70,.7);display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.wd header{display:flex;align-items:center;justify-content:space-between;gap:8px}.wd header b{font:600 14.5px var(--font-display)}
.wd--kpi{transform:translateY(0)}.wd--mail{transform:translateY(18px)}.wd--dian{transform:translateY(0)}.wd--price{transform:translateY(18px)}
.wd__big strong{display:block;font:600 30px/1.1 var(--font-display);letter-spacing:-.01em}.wd__big small{font-size:12.5px;color:var(--body)}
.wd__k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wd__k div{background:var(--lav2);border-radius:10px;padding:8px 10px}.wd__k b{display:block;font:600 20px/1.1 var(--font-display)}.wd__k b.i{color:var(--ind)}.wd__k b.g{color:var(--ok)}.wd__k b.p{color:var(--pink)}.wd__k span{font-size:11.5px;color:var(--body)}
.mailrow{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--lav2)}
.mailrow .ic{width:20px;height:20px;color:var(--ind)}.mailrow b{display:block;font-size:13px}.mailrow small{font-size:12px;color:var(--body)}
.arrow{align-self:center;color:var(--ind);transform:rotate(180deg);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lav)}.arrow .ic{width:14px;height:14px}
.ready{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--okbg)}
.ck{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ok);flex:none}.ck .ic{width:14px;height:14px;color:#fff}
.ready b{display:block;font-size:14px}.ready small{font-size:12px;color:#2f4a41}
.wd--dian ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wd--dian li{display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:13px}.wd--dian li:first-child{border-top:0}
.wd--dian li b{font:600 15px var(--font-display);color:var(--ind)}.wd--dian li i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--okbg)}.wd--dian li i .ic{width:12px;height:12px;color:var(--ok)}
.sg{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ok)}.sg .ck{width:20px;height:20px}.sg .ck .ic{width:11px;height:11px}
.pills{display:flex;flex-direction:column;gap:8px}
.pill2{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:30px;padding:0 14px;border-radius:999px;background:var(--lav);color:#3d3a5c;font-size:13px}.pill2 b{font:600 14px var(--font-display);color:var(--ind)}
.pill2.hot{background:var(--grad);color:#fff}.pill2.hot b{color:#fff}
.pp{padding-top:10px;border-top:1px solid var(--line)}.pp strong{font:600 28px var(--font-display)}.pp span{display:block;font-size:12.5px;color:var(--body)}

/* ---------- responsive ronda 2 ---------- */
@media (max-width:1280px){.kpis6{grid-template-columns:repeat(3,minmax(0,1fr))}.hero3{grid-template-columns:1fr 1fr}.hero3 .main{grid-column:1/-1}.m-steps__g{grid-template-columns:repeat(2,minmax(0,1fr))}.m-steps__g div:nth-child(3){border-left:0}}
@media (max-width:1100px){.b-two{grid-template-columns:minmax(0,1fr)}.b-sign{position:static}.grid2c{grid-template-columns:minmax(0,1fr)}.sa__grid{grid-template-columns:minmax(0,1fr)}.wd--mail,.wd--price{transform:none}}
@media (max-width:900px){.top__co{display:block}.mod.is-locked{height:auto;min-height:720px}.mod__cta h2{font-size:30px}.m-bar{margin-bottom:-48px}}
@media (max-width:700px){
  .m-steps__g{grid-template-columns:minmax(0,1fr)}.m-steps__g div{border-left:0;border-top:1px solid var(--line)}.m-steps__g div:first-child{border-top:0}
  .m-prov__h{flex-wrap:wrap;gap:10px}.m-prov__h .chips{order:5;flex-basis:100%;justify-content:flex-start}.m-prov__h .amt{min-width:0}
  .m-inv{grid-template-columns:20px minmax(0,1fr) auto;padding-left:16px}.m-inv .v{grid-column:2/-1;grid-row:2}
  .m-bar{flex-wrap:wrap;gap:10px}.m-bar .t{flex-basis:100%}.m-bar .btn{flex:1}
  .b-grid{grid-template-columns:minmax(0,1fr)}.b-check{grid-template-columns:1fr}.sigwrap canvas{height:200px}
  .kpis6,.hero3{grid-template-columns:minmax(0,1fr)}.hk .v{font-size:28px}.hk.main .v{font-size:34px}
  .cbar{grid-template-columns:minmax(0,1fr) 44px}.cbar i{grid-column:1/-1;grid-row:2}
  .cxgrid{grid-template-columns:minmax(0,1fr)}.cxsec__h{flex-wrap:wrap}.cxsec__h .hint{margin-left:0;text-align:left;flex-basis:100%}
  .dw{width:100%}
  .onb{padding:16px}.onb__steps li{flex-wrap:wrap}.onb__steps li .btn{margin-left:48px}
  .oc-prov{flex-wrap:wrap}.inp.sm{width:92px}.m-lines th,.m-lines td{white-space:nowrap}
  .m-tools__r .btn{flex:1 1 auto}.alert{gap:12px}
  .mdl{padding:3vh 12px}.mdl__box{padding:18px}
  .m-cfg{align-items:flex-start}
}

/* ---------- sidebar: Mejora tu plan ---------- */
.upg{display:flex;align-items:center;gap:10px;margin:2px 2px 8px;padding:10px;border:1px solid var(--lilac);border-radius:12px;background:#f8f7ff}
.upg__ic{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex:none}.upg__ic .ic{width:15px;height:15px;color:#fff}
.upg__t{flex:1;min-width:0}.upg__t b{display:block;font:600 13px/1.2 var(--font-display)}.upg__t small{display:block;font-size:11.5px;color:var(--body);white-space:nowrap}
.upg__b{height:28px;padding:0 12px;border-radius:8px;background:var(--grad);color:#fff;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;box-shadow:0 4px 10px -5px rgba(37,31,149,.7)}
.upg__b:hover{filter:brightness(1.07)}
.nav.mod .lkb{margin-left:auto;width:24px;height:24px;border-radius:7px;background:var(--lav);display:grid;place-items:center;flex:none}
.nav.mod .lkb .ic{width:13px;height:13px;color:var(--ind)}
.nav.lock{color:#4b4870}.nav.lock>.ic{color:#8d8aa8}
.nav.lock.on .lkb{background:rgba(255,255,255,.22)}.nav.lock.on .lkb .ic{color:#fff}
.nav .nw{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pink);background:var(--pinkbg);border-radius:999px;padding:2px 7px;margin-left:auto}
.nav .nw+.lkb{margin-left:0}
.collapsed .upg,.collapsed .nav .nw{display:none}.collapsed .nav.mod .lkb{display:none}
.tip{position:fixed;z-index:400;max-width:230px;padding:9px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:12.5px;line-height:1.45;box-shadow:0 14px 30px -12px rgba(22,19,61,.6);pointer-events:none}
.tip::before{content:"";position:absolute;left:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:0;border-right-color:var(--ink)}
/* ---------- prueba gratis ---------- */
.trialchip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:var(--lav);color:var(--ind);font-size:12px;font-weight:700;white-space:nowrap}
.trialchip .ic{width:13px;height:13px}.trialchip.used{background:var(--pinkbg);color:var(--pink)}
.pw{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:rgba(22,19,61,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.pw[hidden]{display:none}
.pw__card{background:#fff;border-radius:22px;width:min(520px,100%);padding:36px 34px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 40px 90px -30px rgba(22,19,61,.7)}
.pw__card h2{font:600 30px/1.15 var(--font-display);margin-top:20px;letter-spacing:-.01em}
.pw__card>p{margin-top:12px;font-size:16px;line-height:1.55;color:var(--body);max-width:420px}
.pw__plan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:22px}
.pw__plan div{background:var(--lav2);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.pw__plan b{display:block;font:600 19px var(--font-display);color:var(--ind)}.pw__plan span{font-size:12px;color:var(--body)}
.pw__card .pw__fx{font-size:13px;margin-top:10px}
.pw__card .btn{margin-top:22px;width:100%}.pw__card .lnk{margin-top:14px}
.pw__out{margin-top:16px;font-size:12.5px;color:var(--faint)}.pw__out:hover{color:var(--body)}
body.pw-open{overflow:hidden}
.shell[inert]{filter:blur(2px);user-select:none}
@media (max-width:520px){.pw__card{padding:28px 20px 22px}.pw__card h2{font-size:25px}}

/* ---------- Configuración (limpia, tipo Stripe/Linear) ---------- */
.cfgx{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;margin-top:28px;align-items:start}
.cfgx__nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}
.cfgx__nav a{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#3d3a5c}
.cfgx__nav a:hover{background:var(--lav2)}.cfgx__nav a.on{background:var(--lav);color:var(--ink);font-weight:600}
.cs[hidden]{display:none}
.cs__h{padding-bottom:18px;border-bottom:1px solid var(--line)}
.cs__h h2{font-size:20px}.cs__h p{font-size:14px;color:var(--body);margin-top:4px}
.crow{display:grid;grid-template-columns:minmax(200px,340px) minmax(0,1fr);gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.crow__l label{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.crow__l small{display:block;font-size:13px;line-height:1.45;color:var(--body);margin-top:2px}
.crow__f{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.crow__f .inp{max-width:440px;height:38px;font-size:14px}
.crow--tg{grid-template-columns:minmax(0,1fr) auto}
.cval{font-size:14px;color:var(--ink)}.cval__s{display:block;width:100%;font-size:13px;color:var(--body)}
.cs__save{display:flex;align-items:center;gap:12px;min-height:40px;padding-top:18px}
.cs__sub{font:600 14px var(--font-body);color:var(--ink);padding:26px 0 4px}
.cs__p{font-size:13px;color:var(--body);line-height:1.5;max-width:640px;margin:2px 0 6px}
.cs__act{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}
.cs .note{margin-top:12px}
.danger{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid #f0b9ce;border-radius:10px;padding:16px 18px;margin-top:10px}
.danger b{font-size:14px;color:var(--ink)}.danger p{font-size:13px;color:var(--body);margin-top:2px;max-width:560px}
.btn.dgr{border-color:#e9a3bf;color:var(--pink)}.btn.dgr:hover{background:var(--pinkbg);border-color:var(--pink)}
.btn.dgr.solid{background:var(--pink);border-color:var(--pink);color:#fff}.btn.dgr.solid:hover{filter:brightness(1.06)}.btn.dgr.solid[disabled]{opacity:.45}
.dw--wide{width:520px}
.dstep h4{font:600 18px var(--font-display);margin-bottom:10px}
.dstep{display:flex;flex-direction:column;gap:14px}
.dstep[hidden]{display:none}
.dlist{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:#3d3a5c}
.bk{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.bk b{display:block;font-size:14px}.bk small{display:block;font-size:12.5px;color:var(--body)}
.cert{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px}
.cert__k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--body)}
.cert h4{font:600 22px var(--font-display)}.cert__id{font-size:13px;color:var(--body)}.cert__id b{color:var(--ink);font-family:ui-monospace,Menlo,monospace}
.cert__e{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cert__e b{display:block;font-size:15px}.cert__e small{color:var(--body);font-size:12.5px}
.cert__n{font-size:13px;line-height:1.55;color:var(--body)}
.sess .crow__f{justify-content:flex-start}
@media (max-width:900px){.cfgx{grid-template-columns:minmax(0,1fr);gap:18px}.cfgx__nav{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:6px;border-bottom:1px solid var(--line)}.cfgx__nav a{white-space:nowrap}.crow{grid-template-columns:minmax(0,1fr);gap:8px}.crow--tg{grid-template-columns:minmax(0,1fr) auto}.dw--wide{width:100%}}

.upg{flex-wrap:wrap}.upg__t{flex:1 1 100px}.upg__t b{white-space:nowrap}.upg__t small{white-space:normal}
.upg__b{margin-left:auto}

.m-cfg>div{flex:1 1 420px}

#siigo .plate,.dw-h .plate.siigo{background:#00AAFF;border-color:#00AAFF}#siigo .plate img{max-height:34px}
[hidden]{display:none!important}
@media (max-width:900px){.m-bar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
.ocr .st{white-space:normal;height:auto;min-height:24px;padding:3px 10px}
@media (max-width:700px){.m-cfg .btn{white-space:normal;height:auto;min-height:34px;padding-top:6px;padding-bottom:6px;text-align:left}}