:root{--azul:#2563eb;--azul-hover:#1d4ed8;--profundo:#0a1024;--cian:#22d3ee;--bg:#f6f8fc;--surface:#fff;--line:#e4e9f2;--fg:#070c1a;--fg2:#4a5568;--chip-bg:#0a1024;--chip-fg:#fff;--ok:#15803d;--warn:#b45309;--soft:#eaf0fd;--danger:#dc2626;--display:"Plus Jakarta Sans",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--azul:#3b82f6;--azul-hover:#60a5fa;--bg:#070c1a;--surface:#0f172e;--line:#1e2944;--fg:#eef2fa;--fg2:#9aa6bf;--chip-bg:#1a2544;--soft:#14203d;--ok:#4ade80;--warn:#fbbf24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--body);margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--cian);outline-offset:2px}a{color:var(--azul)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}.top{background:var(--profundo);color:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.brand{font:800 20px/1 var(--display);letter-spacing:-.02em;color:#fff;text-decoration:none}.brand b{color:var(--cian)}.brand small{font:600 12px var(--mono);color:#9fb3e0;letter-spacing:.08em;margin-left:6px}.tabs-top{scrollbar-width:none;background:#16203d;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs-top button{white-space:nowrap;color:#b8c3dd;background:0 0;border:0;border-radius:999px;flex:none;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600}.tabs-top button[aria-pressed=true]{background:var(--azul);color:#fff}.count{background:var(--cian);min-width:20px;color:var(--profundo);font:600 11px var(--mono);border-radius:999px;margin-left:6px;padding:1px 6px;display:inline-block}.who{background:#16203d;border:1px solid #243157;border-radius:12px;align-items:center;gap:10px;min-height:48px;margin-left:auto;padding:8px 12px;display:flex}.who div{flex-direction:column;line-height:1.2;display:flex}.who strong{font-weight:600}.who span{font:12px var(--mono);color:#9fb3e0}.who button{color:var(--cian);background:0 0;border:0;padding:6px;font-weight:600}.demo{font:600 10px var(--mono);letter-spacing:.12em;color:var(--profundo);background:var(--cian);border-radius:4px;padding:4px 8px}button.demo{cursor:pointer;border:0}.shop{grid-template-columns:180px minmax(0,1fr) 360px;height:calc(100vh - 72px);display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 12px;display:flex;overflow:auto}.rail button{text-align:left;color:var(--fg2);background:0 0;border:0;border-radius:10px;justify-content:space-between;gap:8px;min-height:48px;padding:12px;font-weight:600;display:flex}.rail button span{font:12px var(--mono);opacity:.7}.rail button[aria-pressed=true]{background:var(--soft);color:var(--azul)}.catalog{min-width:0;padding:16px;overflow:auto}.search{border:1px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--fg);font:inherit;border-radius:12px;margin-bottom:16px;padding:0 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.card.in{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}.card.out .name,.card.out .prices{opacity:.5}.ph{aspect-ratio:4/3;cursor:zoom-in;background:#fff;border:0;border-radius:10px;width:100%;padding:0;position:relative;overflow:hidden}.ph img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:10px;display:block;position:absolute;inset:0}.card.out .ph img{filter:grayscale();opacity:.5}.ph .tag{position:absolute;top:8px;left:8px}.tag{font:600 10px var(--mono);letter-spacing:.1em;white-space:nowrap;border-radius:4px;padding:3px 6px}.tag.NUEVO{background:var(--azul);color:#fff}.tag.POCOS{color:#92400e;background:#fef3c7}.tag.AGOTADO{color:#fff;background:#0a1024}.idline{color:var(--fg2);flex-direction:column;gap:2px;font-size:12px;display:flex}.idline .mono{font-size:11px}.name{font:800 16px/1.25 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.spec{color:var(--fg2);flex:1;margin:0;padding-left:16px;font-size:12px}.spec li{overflow-wrap:anywhere}.prices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.price{background:var(--chip-bg);color:var(--chip-fg);opacity:.55;border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex}.price .t{font:600 10px var(--mono);letter-spacing:.12em;color:var(--cian)}.price .v{font:800 18px/1 var(--display)}.price.on{opacity:1;box-shadow:0 0 0 2px var(--cian)}.stepper{align-items:center;gap:8px;display:flex}.stepper button{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:48px;height:48px;font-size:22px;font-weight:600}.stepper .q{text-align:center;width:100%;min-width:0;height:48px;font:600 18px var(--mono);color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:0}.stepper .q:hover{border-color:var(--line)}.stepper .q:focus{border-color:var(--azul);background:var(--bg);outline:none}.btn{background:var(--azul);color:#fff;border:0;border-radius:10px;height:48px;padding:0 16px;font-weight:600}.btn:hover{background:var(--azul-hover)}.btn:disabled{background:var(--line);color:var(--fg2);cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--line)}.btn.danger{background:var(--surface);color:var(--danger);border:1px solid var(--line)}.btn.wide{width:100%}.cart{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.tier{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.tier h2{font:800 22px/1.1 var(--display);letter-spacing:-.02em;margin:0}.meter{background:var(--line);border-radius:999px;height:12px;position:relative;overflow:hidden}.meter i{background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.ticks{height:16px;font:11px var(--mono);color:var(--fg2);position:relative}.ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.ticks span:first-child{transform:none}.ticks span:last-child{transform:translate(-100%)}.nudge{background:var(--soft);border-radius:10px;padding:10px 12px;font-size:13px}.nudge strong{color:var(--azul)}.lines{flex:1;min-height:0;padding:8px 16px;overflow:auto}.line{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;display:grid}.line .n{font-size:14px;font-weight:600}.line .d{font:12px var(--mono);color:var(--fg2)}.line .s{font:600 14px var(--mono);text-align:right}.line .rm{color:var(--fg2);text-align:right;background:0 0;border:0;grid-column:2;padding:0;font-size:12px}.empty{color:var(--fg2);text-align:center;padding:24px 0;font-size:14px}.totals{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:16px;display:flex}.row{justify-content:space-between;font-size:14px;display:flex}.row.big{font:800 26px/1.1 var(--display)}.row.save{color:var(--ok);font-weight:600}.send{background:var(--azul);color:#fff;height:56px;font:700 16px var(--display);border:0;border-radius:12px;margin-top:8px}.send:disabled{background:var(--line);color:var(--fg2)}.mini{display:none}.sheet{z-index:10;background:#070c1a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;width:min(560px,100%);max-height:90%;padding:20px;display:flex;overflow:auto}.panel h3{font:800 22px var(--display);margin:0}.zoom{aspect-ratio:1;background:#fff;border-radius:12px;width:100%;max-height:55vh;position:relative;overflow:hidden}.zoom img{object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.clist{flex-direction:column;gap:8px;display:flex}.cl{border:1px solid var(--line);text-align:left;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px;display:flex}.cl:hover{border-color:var(--azul)}.cl small{font:12px var(--mono);color:var(--fg2)}.badge{font:600 11px var(--mono);background:var(--soft);color:var(--azul);white-space:nowrap;border-radius:6px;padding:4px 8px}.badge.debt{color:var(--warn)}.error{color:#991b1b;background:#fee2e2;border-radius:10px;padding:10px 12px;font-size:14px}.page{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:16px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.page-head h1{font:800 26px/1.1 var(--display);letter-spacing:-.02em;margin:0}.page-head p{color:var(--fg2);max-width:60ch;margin:4px 0 0;font-size:14px}.seg{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg button{color:var(--fg2);background:0 0;border:0;border-radius:9px;min-height:44px;padding:10px 14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--soft);color:var(--azul)}.rules{flex-wrap:wrap;gap:8px;display:flex}.rule{font:600 11px var(--mono);letter-spacing:.06em;background:var(--surface);border:1px solid var(--line);color:var(--fg2);border-radius:999px;padding:6px 10px}.orders{flex-direction:column;gap:12px;display:flex}.order{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.order.flagged{border-color:var(--warn)}.o-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.o-who{flex-direction:column;gap:4px;min-width:0;display:flex}.o-who strong{font:800 17px/1.2 var(--display)}.o-meta{font:12px var(--mono);color:var(--fg2);flex-wrap:wrap;gap:6px 12px;display:flex}.o-total{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.o-total .v{font:800 22px/1 var(--display)}.chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chip{font:600 10px var(--mono);letter-spacing:.1em;background:var(--chip-bg);color:var(--cian);white-space:nowrap;border-radius:5px;padding:3px 7px}.chip.pendiente{color:#92400e;background:#fef3c7}.chip.aprobado{color:#166534;background:#dcfce7}.chip.rechazado{color:#991b1b;background:#fee2e2}.chip.cancelado{color:#374151;background:#e5e7eb}.chip.editado{background:var(--soft);color:var(--azul)}.flags{flex-direction:column;gap:6px;padding:0 16px 12px;display:flex}.flag{color:var(--warn);font-size:13px;font-weight:600}.o-lines{border-top:1px solid var(--line);max-height:280px;padding:4px 16px;overflow:auto}.o-line{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:grid}.o-line:last-child{border-bottom:0}.o-line img{object-fit:contain;background:#fff;border-radius:6px;width:44px;height:44px}.o-line small{font:12px var(--mono);color:var(--fg2);display:block}.o-line.edit{grid-template-columns:44px minmax(0,1fr) 150px 80px}.o-line.edit .mono{text-align:right}.order.editing{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}.order.editing .o-lines{max-height:none}.stepper.chico{gap:4px}.stepper.chico button{width:40px;height:40px;font-size:18px}.stepper.chico .q{border-color:var(--line);height:40px;font-size:16px}a.btn{place-items:center;text-decoration:none;display:inline-grid}.btn.wa{color:#06301a;background:#25d366}.btn.wa:hover{background:#1ebe5a}.editbar{background:var(--soft);border:1px solid var(--azul);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.editbar .btn{height:40px}.o-act{border-top:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.o-act .note{color:var(--fg2);font-size:13px}.empty-box{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--fg2);border-radius:14px;padding:32px}.home{background:var(--profundo);color:#fff;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.home-box{flex-direction:column;gap:24px;width:min(720px,100%);display:flex}.home h1{font:800 clamp(32px,6vw,52px)/1.05 var(--display);letter-spacing:-.04em;margin:0}.home h1 b{color:var(--cian)}.home p{color:#b8c3dd;max-width:52ch;margin:0}.doors{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.door{color:#fff;background:#121b36;border:1px solid #243157;border-radius:16px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;display:flex}.door:hover{border-color:var(--cian)}.door strong{font:800 20px var(--display)}.door span{color:#9fb3e0;font-size:14px}.auth{background:#121b36;border:1px solid #243157;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.auth label{color:#b8c3dd;font-size:13px;font-weight:600}.auth input{color:#fff;height:48px;font:inherit;background:#0a1024;border:1px solid #243157;border-radius:10px;padding:0 14px}.auth .send{margin-top:8px}.auth small{color:#9fb3e0;text-align:center;font-size:12px}.salir{color:#9fb3e0;background:0 0;border:0;padding:8px;font-weight:600}.salir:hover{color:#fff}.clave{font:800 32px/1 var(--mono);letter-spacing:.12em;background:var(--soft);color:var(--azul);text-align:center;-webkit-user-select:all;user-select:all;border-radius:12px;padding:16px}.tabla{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;font-size:14px;overflow:hidden}.tabla th{text-align:left;font:600 11px var(--mono);letter-spacing:.08em;color:var(--fg2);border-bottom:1px solid var(--line);padding:12px 14px}.tabla td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.tabla tr:last-child td{border-bottom:0}.tabla-wrap{overflow-x:auto}@media (max-width:1100px){.shop{grid-template-columns:150px minmax(0,1fr) 300px}}@media (max-width:820px){.shop{grid-template-columns:minmax(0,1fr);height:auto}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:8px 16px;overflow-x:auto}.rail button{white-space:nowrap}.cart{display:none}.catalog{padding-bottom:120px}.mini{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--profundo);color:#fff;z-index:5;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mini div{flex-direction:column;flex:1;min-width:0;display:flex}.mini span{font:12px var(--mono);color:#9fb3e0}.who{width:100%;margin-left:0}.o-top{grid-template-columns:1fr}.o-total{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (max-width:560px){.o-line.edit{grid-template-columns:44px minmax(0,1fr) auto}.o-line.edit .stepper{grid-area:2/2/auto/4}}.prods{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}.prod{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.prod.oculto{opacity:.6}.prod-main{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.prod-main .ph{color:#64748b;background:#fff;border-radius:8px;place-items:center;width:64px;height:64px;font-size:10px;display:grid;overflow:hidden}.prod-main .ph img{object-fit:contain;width:100%;height:100%}.prod-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.prod-txt strong{font-size:15px}.prod-txt small{font:12px var(--mono);color:var(--fg2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prod-sw{border-top:1px solid var(--line);background:var(--bg);flex-wrap:wrap;gap:4px 16px;padding:8px 12px;display:flex}.sw{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:600;display:flex}.sw input{width:20px;height:20px;accent-color:var(--azul)}.foto{border:1px dashed var(--line);color:#64748b;cursor:pointer;background:#fff;border-radius:12px;place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.foto img{object-fit:contain;max-width:100%;max-height:100%}.foto input{opacity:0;cursor:pointer;position:absolute;inset:0}.foto em{background:var(--azul);color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:600;position:absolute;bottom:8px;right:8px}.crm{grid-template-columns:minmax(0,1fr);height:calc(100vh - 64px);min-height:0;display:grid}.crm.con-ficha{grid-template-columns:minmax(0,1fr) 460px}.crm-main{flex-direction:column;gap:14px;min-width:0;padding:16px 20px;display:flex;overflow:auto}.crm-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.crm-head h1{font:800 24px/1.1 var(--display);letter-spacing:-.02em;margin:0}.crm-head p{color:var(--fg2);margin:2px 0 0;font-size:13px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}button.kpi:hover{border-color:var(--azul)}.kpi b{font:800 24px/1.1 var(--display)}.kpi span{color:var(--fg2);font-size:12px}.filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filtros .search{flex:260px;height:42px;margin:0}.sel{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--fg);font:inherit;border-radius:10px;max-width:100%;padding:0 10px;font-size:14px}.etapas-filtro{flex-wrap:wrap;gap:6px;display:flex}.etapas-filtro button{border:1px solid var(--line);background:var(--surface);color:var(--fg2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.etapas-filtro button[aria-pressed=true]{background:var(--profundo);border-color:var(--profundo);color:#fff}.etapas-filtro button small{font:600 11px var(--mono);opacity:.8}.lote{background:var(--soft);border:1px solid var(--azul);z-index:2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex;position:sticky;top:0}.lote .btn,.lote .sel{height:38px}.tabla.crm-t{font-size:13.5px}.tabla.crm-t td,.tabla.crm-t th{padding:9px 10px}.tabla.crm-t tbody tr{cursor:pointer}.tabla.crm-t tbody tr:hover{background:var(--bg)}.tabla.crm-t tbody tr.abierto{background:var(--soft)}.tabla.crm-t .nom{flex-direction:column;min-width:160px;line-height:1.25;display:flex}.tabla.crm-t .nom small{color:var(--fg2);font-size:12px}.tabla.crm-t input[type=checkbox]{cursor:pointer;width:18px;height:18px}.et{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--soft);color:var(--azul);border-radius:5px;padding:3px 7px}.et-nuevo{color:#075985;background:#e0f2fe}.et-contactado{color:#5b21b6;background:#ede9fe}.et-interesado{color:#92400e;background:#fef3c7}.et-cotizando{color:#9a3412;background:#ffedd5}.et-ganado{color:#166534;background:#dcfce7}.et-recurrente{color:#065f46;background:#d1fae5}.et-perdido{color:#374151;background:#e5e7eb}.pri{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.pri i{border-radius:50%;width:8px;height:8px;display:inline-block}.pri-caliente i{background:#ef4444}.pri-tibio i{background:#f59e0b}.pri-normal i{background:#94a3b8}.mas{align-self:center}.tablero{flex:1;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:10px;min-height:0;padding-bottom:8px;display:grid;overflow-x:auto}.col{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:300px;max-height:calc(100vh - 250px);display:flex}.col.sobre{border-color:var(--azul);box-shadow:0 0 0 2px var(--azul)}.col-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.col-h small{font:600 12px var(--mono);color:var(--fg2)}.col-b{flex-direction:column;gap:6px;padding:8px;display:flex;overflow:auto}.tarjeta{border:1px solid var(--line);background:var(--bg);text-align:left;cursor:grab;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:13px;display:flex}.tarjeta:hover{border-color:var(--azul)}.tarjeta.abierto{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}.tarjeta strong{font-size:13.5px}.tarjeta .meta{color:var(--fg2);flex-wrap:wrap;gap:4px 8px;font-size:12px;display:flex}.col-b .vacio{color:var(--fg2);text-align:center;padding:12px 4px;font-size:12px}.ficha{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:auto}.ficha-h{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;flex-direction:column;gap:8px;padding:16px;display:flex;position:sticky;top:0}.ficha-h h2{font:800 21px/1.15 var(--display);letter-spacing:-.01em;margin:0}.ficha-h .sub{color:var(--fg2);font-size:13px}.cerrar{color:var(--fg2);background:0 0;border:0;border-radius:8px;width:40px;height:40px;font-size:22px;position:absolute;top:10px;right:10px}.cerrar:hover{background:var(--bg)}.acciones{flex-wrap:wrap;gap:6px;display:flex}.acciones .btn{height:40px;font-size:14px}.pasos{flex-wrap:wrap;gap:4px;display:flex}.pasos button{border:1px solid var(--line);background:var(--bg);color:var(--fg2);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.pasos button.hecho{background:var(--soft);color:var(--azul);border-color:#0000}.pasos button[aria-pressed=true]{background:var(--azul);color:#fff;border-color:var(--azul)}.pasos button.perder[aria-pressed=true]{background:#374151;border-color:#374151}.ficha-s{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ficha-s h3{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg2);justify-content:space-between;align-items:center;margin:0;display:flex}.ficha-s h3 button{color:var(--azul);font:600 13px var(--body);letter-spacing:0;text-transform:none;background:0 0;border:0}.datos{grid-template-columns:120px minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;display:grid}.datos dt{color:var(--fg2);font-size:13px}.datos dd{overflow-wrap:anywhere;margin:0}.nota-in{border:1px solid var(--line);width:100%;min-height:72px;font:inherit;background:var(--bg);color:var(--fg);resize:vertical;border-radius:10px;padding:10px}.historial{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.historial li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 0;font-size:14px;display:grid}.historial li:last-child{border-bottom:0}.historial .ic{background:var(--bg);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.historial .tx{white-space:pre-wrap;overflow-wrap:anywhere}.historial .pie{color:var(--fg2);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;font-size:12px;display:flex}.menu-wa{flex-direction:column;gap:6px;display:flex}.menu-wa button{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:10px;padding:10px 12px;font-weight:600}.menu-wa button:hover{border-color:#25d366}.form-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.form-grid label{color:var(--fg2);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.form-grid label.ancho{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);height:42px;font:inherit;background:var(--bg);color:var(--fg);border-radius:10px;padding:0 10px;font-size:14px;font-weight:400}.form-grid textarea{height:auto;min-height:80px;padding:10px}.chips-sel{flex-wrap:wrap;gap:6px;display:flex}.chips-sel button{border:1px solid var(--line);background:var(--bg);color:var(--fg2);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600}.chips-sel button[aria-pressed=true]{background:var(--soft);border-color:var(--azul);color:var(--azul)}.panel.ancho{width:min(760px,100%)}.paso-imp{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.paso-imp h2{font:800 18px var(--display);margin:0}.zona-archivo{border:2px dashed var(--line);text-align:center;color:var(--fg2);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.zona-archivo.sobre{border-color:var(--azul);background:var(--soft)}.mapeo{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.mapeo label{color:var(--fg2);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.ok-box{color:#166534;background:#dcfce7;border-radius:10px;padding:12px 14px;font-size:14px}@media (prefers-color-scheme:dark){.ok-box{color:#86efac;background:#0f2e1c}.error{color:#fca5a5;background:#3b1212}.et-nuevo{color:#7dd3fc;background:#0c2a3f}.et-contactado{color:#c4b5fd;background:#2a1f4a}.et-interesado{color:#fcd34d;background:#3a2a0a}.et-cotizando{color:#fdba74;background:#3b1f0c}.et-ganado{color:#86efac;background:#0f2e1c}.et-recurrente{color:#6ee7b7;background:#08302a}.et-perdido{color:#d1d5db;background:#1f2937}}@media (max-width:1100px){.crm.con-ficha{grid-template-columns:minmax(0,1fr) 400px}}@media (max-width:900px){.crm,.crm.con-ficha{grid-template-columns:minmax(0,1fr);height:auto}.ficha{z-index:20;border-left:0;position:fixed;inset:0}.crm-main{padding:12px}.form-grid{grid-template-columns:1fr}.col{max-height:70vh}}.tabla.crm-t td{white-space:nowrap}.tabla.crm-t td:nth-child(2){white-space:normal}a.salir{text-decoration:none}.tag.OFERTA{color:#fff;background:#dc2626}.ph .tag.OFERTA{top:auto;bottom:8px;left:8px}.price .v s,.vp s{font:600 12px var(--mono);opacity:.7;margin-left:6px}.vitrina{margin-bottom:18px}.vtitulo{font:800 18px var(--display);letter-spacing:-.01em;margin:0 0 10px}.vrow{scroll-snap-type:x proximity;grid-auto-columns:minmax(170px,190px);grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.vcard{background:var(--surface);border:1px solid var(--line);scroll-snap-align:start;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.vcard.in{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}.vcard .ph{aspect-ratio:1}.vn{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.vp{font:800 17px var(--display)}.vcard .btn{height:40px}.sug{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;gap:6px;padding:10px 16px;display:flex}.panel .sug{border:1px solid var(--line);border-radius:12px;padding:10px}.sug-i{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.sug-i img{object-fit:contain;background:#fff;border-radius:6px;width:40px;height:40px}.sug-i .n{font-size:13px;font-weight:600;line-height:1.2}.sug-i small{font:12px var(--mono);color:var(--fg2);font-weight:400;display:block}.sug-i .btn{height:36px;padding:0 10px;font-size:13px}.caja{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.chip-x{border:1px solid var(--line);background:var(--soft);color:var(--azul);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:600}.seg-item{border:1px solid var(--line);background:var(--bg);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 12px;display:grid}.seg-item .f{font-size:14px;font-weight:600}.seg-item .f.vencido{color:var(--danger)}.seg-item .f.hoy{color:var(--warn)}.seg-item .n{color:var(--fg2);white-space:pre-wrap;grid-column:1/-1;font-size:13px}.seg-item .bt{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.seg-item .bt .btn,.seg-item .bt .sel{height:34px;padding:0 10px;font-size:13px}.badge-rec{font:600 10px var(--mono);letter-spacing:.06em;color:#9d174d;vertical-align:middle;background:#fce7f3;border-radius:4px;margin-left:6px;padding:2px 6px}.aviso{border:1px solid var(--warn);color:#92400e;background:#fffbeb;border-radius:10px;padding:10px 12px;font-size:13px}.ficha-s.resaltar{background:#fffbeb}.compras{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compras div{background:var(--bg);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.compras b{font:800 17px var(--display)}.compras span{color:var(--fg2);font-size:12px}.lista-ped{margin:0;padding:0;font-size:13px;list-style:none}.lista-ped li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.lista-ped li:last-child{border-bottom:0}.portal{font:600 10.5px var(--mono);letter-spacing:.06em;color:#166534;background:#dcfce7;border-radius:5px;padding:3px 7px}.hoy-sec{flex-direction:column;gap:8px;display:flex}.hoy-sec h2{font:800 17px var(--display);align-items:center;gap:8px;margin:0;display:flex}.hoy-sec h2 small{font:600 12px var(--mono);color:var(--fg2)}.fila-hoy{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:minmax(180px,1.2fr) minmax(0,2fr) auto auto;align-items:center;gap:6px 14px;padding:10px 12px;display:grid}.fila-hoy:hover{border-color:var(--azul)}.fila-hoy.abierto{border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}.fila-hoy .quien{flex-direction:column;min-width:0;line-height:1.25;display:flex}.fila-hoy .quien small{color:var(--fg2);font-size:12px}.fila-hoy .que{color:var(--fg2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:13px;display:-webkit-box;overflow:hidden}.fila-hoy .cuando{white-space:nowrap;font-size:13px;font-weight:600}.fila-hoy .cuando.vencido{color:var(--danger)}.fila-hoy .cuando.hoy{color:var(--warn)}.fila-hoy .bt{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fila-hoy .bt .btn,.fila-hoy .bt .sel{height:36px;padding:0 10px;font-size:13px}.kpi.rojo b{color:var(--danger)}.kpi.ambar b{color:var(--warn)}.prox{white-space:nowrap;font-size:12.5px;font-weight:600}.prox.vencido{color:var(--danger)}.prox.hoy{color:var(--warn)}@media (prefers-color-scheme:dark){.aviso{color:#fcd34d;background:#2a2208}.ficha-s.resaltar{background:#221b07}.badge-rec{color:#f9a8d4;background:#3b0d24}.portal{color:#86efac;background:#0f2e1c}}@media (max-width:900px){.fila-hoy{grid-template-columns:minmax(0,1fr) auto}.fila-hoy .que{grid-column:1/-1}.fila-hoy .bt{grid-column:1/-1;justify-content:flex-start}}.crm.con-ficha .tabla.crm-t .opc{display:none}.kpis-a{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.kpi-a{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.kpi-a b{font:800 26px/1 var(--display);letter-spacing:-.02em}.kpi-a small{color:var(--fg2);font-size:12px}.card-a{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.card-a h2{font:800 18px var(--display);margin:0}.nota-a{color:var(--fg2);margin:0;font-size:13px}.grid-a{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.barras{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--line) 39px,var(--line) 40px);align-items:flex-end;gap:2px;height:160px;display:flex}.barra{cursor:default;flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.barra i{background:var(--azul);border-radius:4px 4px 0 0;width:100%;min-height:0;display:block}.barra:hover i{filter:brightness(1.2)}.barra:hover:after{content:attr(data-tip);white-space:nowrap;background:var(--profundo);color:#fff;z-index:2;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.barra:first-child:hover:after{left:0;transform:none}.barra:last-child:hover:after{left:auto;right:0;transform:none}.ejes{font:12px var(--mono);color:var(--fg2);justify-content:space-between;display:flex}.fila-a{grid-template-columns:minmax(110px,160px) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;display:grid}.fila-a b{font:600 14px var(--mono);white-space:nowrap}.fila-a b small{color:var(--fg2);font-weight:400}.pista{background:var(--bg);border-radius:4px;height:10px;display:block;overflow:hidden}.pista i{background:var(--azul);border-radius:4px;height:100%;display:block}.pista.corta{vertical-align:middle;width:60px;margin-right:6px;display:inline-block}.fila-b{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.fila-b:last-child{border-bottom:0}.fila-b span{flex-direction:column;min-width:0;display:flex}.fila-b small{color:var(--fg2);font-size:12px}.fila-b .btn{flex:none;height:36px;padding:0 12px;font-size:13px}.lista-a{max-height:320px;overflow:auto}.chip.primer{color:#92400e;background:#fef3c7}.beneficio{color:#78350f;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.lista{color:#0a1024;background:#fff;max-width:960px;min-height:100vh;margin:0 auto;padding:24px 16px}.lista-h{border-bottom:3px solid #2563eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.lista-h h1{font:800 32px var(--display);color:#0a1024;margin:0}.lista-h h1 b{color:#2563eb}.lista-h p{color:#475569;margin:4px 0 0;font-weight:600}.lista-reglas{color:#334155;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:6px 16px;padding:12px 0;font-size:12.5px;display:grid}.lista-cat{break-inside:auto;margin-top:18px}.lista-cat h2{font:800 18px var(--display);color:#2563eb;margin:0 0 6px}.lista table{border-collapse:collapse;width:100%;font-size:12.5px}.lista th{text-align:left;font:600 10px var(--mono);letter-spacing:.08em;color:#64748b;text-transform:uppercase;border-bottom:1px solid #cbd5e1;padding:4px 6px}.lista td{vertical-align:middle;border-bottom:1px solid #eef2f7;padding:5px 6px}.lista tr{break-inside:avoid}.lista td small{color:#64748b;font-size:11px;display:block}.lista td em{font-style:normal;font:600 10px var(--mono);color:#2563eb}.lista td em.of{color:#dc2626}.lista td.n{font:600 13px var(--mono);white-space:nowrap;text-align:right}.lista td.n s{color:#94a3b8;font-size:11px}.lista td.lf{width:44px}.lista td.lf img{object-fit:contain;width:40px;height:40px}@media (max-width:600px){.lista-reglas{grid-template-columns:1fr}.lista td.mono,.lista th.mono-h{display:none}}@media print{.no-imprimir{display:none!important}body{background:#fff}.lista{max-width:none;padding:0}@page{margin:12mm}}.gancho{color:#dce6fb;text-align:left;background:#121b36;border:1px solid #243157;border-radius:12px;flex-direction:column;gap:6px;margin:0 0 16px;padding:12px 14px 12px 32px;font-size:14px;display:flex}.card.dest:not(.in),.vcard.dest:not(.in){border-color:#c9a227;box-shadow:0 0 0 1px #c9a227,0 6px 18px #c9a2272e}.acciones-top{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.app-cuerpo{grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.app-contenido{min-width:0}.nav-lateral{background:var(--profundo);border-right:1px solid #16203d;flex-direction:column;gap:2px;height:calc(100vh - 72px);padding:12px 8px;display:flex;position:sticky;top:0;overflow:auto}.nav-lateral button,.nav-lateral a{color:#b8c3dd;font:600 14px var(--body,inherit);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;text-decoration:none;display:flex}.nav-lateral button:hover,.nav-lateral a:hover{color:#fff;background:#16203d}.nav-lateral button[aria-pressed=true]{background:var(--azul);color:#fff}.nav-lateral .count{margin-left:auto}.nav-abajo{display:none}@media (max-width:899px){.app-cuerpo{grid-template-columns:minmax(0,1fr);min-height:0}.nav-lateral,.acciones-top{display:none}.app-contenido,.portal-contenido{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.nav-abajo{z-index:8;background:var(--profundo);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));border-top:1px solid #243157;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-abajo button{color:#9fb3e0;font:600 11px var(--body,inherit);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:6px 2px;display:flex}.nav-abajo button[aria-pressed=true]{color:#fff;background:#16203d}.nav-abajo .ico{font-size:20px;line-height:1;position:relative}.nav-abajo .ico i{background:var(--cian);min-width:18px;color:var(--profundo);font:600 10px var(--mono);border-radius:999px;padding:1px 4px;font-style:normal;position:absolute;top:-6px;right:-12px}.mini{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}.shop .catalog{padding-bottom:180px}}@media (min-width:900px){.shop{height:calc(100vh - 72px)}}@media (max-width:899px){.nav-abajo .nav-link{color:#9fb3e0;font:600 11px var(--body,inherit);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 2px;text-decoration:none;display:flex}.top.portal-top .tabs-top{display:none}}.inicio{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.inicio-hoy{flex-direction:column;gap:14px;min-width:0;display:flex}@media (min-width:1250px){.crm:not(.con-ficha) .inicio{grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)}}.panel-ia{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:0}.ia-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.ia-h h2{font:800 18px var(--display);align-items:center;gap:8px;margin:0;display:flex}.ia-h .btn{height:36px;font-size:13px}.ia-chip{font:700 10px var(--mono);letter-spacing:.1em;color:#fff;background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:5px;padding:3px 6px}.ia-resumen{margin:0;font-size:14.5px;line-height:1.55}.ia-acciones{counter-reset:ia;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ia-acciones li{border:1px solid var(--line);background:var(--bg);counter-increment:ia;border-radius:10px}.ia-acciones li.abierta{border-color:var(--azul)}.ia-titulo{text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.ia-titulo>span{font-weight:600}.ia-titulo>span:before{content:counter(ia) ". ";color:var(--azul)}.ia-titulo small{color:var(--fg2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.ia-detalle{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.ia-motivo{color:var(--fg2);margin:0;font-size:13px}.ia-mensaje{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;border-left:3px solid #25d366;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.ia-detalle .bt{flex-wrap:wrap;gap:6px;display:flex}.ia-detalle .btn{height:36px;font-size:13px}.ia-pie{color:var(--fg2);margin:0;font-size:11.5px}.ia-ficha p{margin:0;font-size:14px}.ia-ficha h3 span{align-items:center;gap:6px;display:flex}.metricas{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:8px;padding-top:16px;display:flex}.titulo-sec{font:800 22px/1.1 var(--display);letter-spacing:-.02em;margin:0}.graficos{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px;display:grid}.tarjeta-m{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.tarjeta-m h3{font:800 15px var(--display);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;display:flex}.tarjeta-m h3 small{font:400 12px var(--body);color:var(--fg2)}.m-barras{flex-direction:column;gap:6px;display:flex}.m-barra{grid-template-columns:110px minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:13px;display:grid}.m-barra b{font:600 13px var(--mono);text-align:right;color:var(--fg)}.m-pista{background:var(--bg);border-radius:4px;height:14px;overflow:hidden}.m-pista i{background:var(--azul);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.m-pista i.gris{background:#94a3b8}.columnas{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:140px;padding-top:24px;display:flex;position:relative}.col-m{cursor:default;outline:none;flex:1;align-items:flex-end;height:100%;display:flex}.col-m i{background:var(--azul);opacity:.85;border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.col-m i.activa{opacity:1;background:var(--azul-hover)}.tip{background:var(--profundo);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:0;transform:translate(-50%)}.tip b{font-family:var(--mono)}.eje{font:11px var(--mono);color:var(--fg2);justify-content:space-between;display:flex}.tabla.compacta{font-size:13px}.tabla.compacta th,.tabla.compacta td{white-space:nowrap;padding:8px 10px}.mini-barra{background:var(--bg);vertical-align:middle;border-radius:4px;width:60px;height:8px;margin-right:6px;display:inline-block;overflow:hidden}.mini-barra i{background:var(--ok);border-radius:4px;height:100%;display:block}@media (max-width:900px){.panel-ia{position:static}.m-barra{grid-template-columns:90px minmax(0,1fr) 36px}}.kpi:disabled{cursor:default;color:inherit}.m-barra.clic,.tabla tr.clic{cursor:pointer}.m-barra.clic:hover span:first-child{color:var(--azul);text-decoration:underline}.tabla tr.clic:hover{background:var(--bg)}