:root{--bg:#f4f2ee;--surface:#fff;--surface-2:#faf8f5;--ink:#15171b;--ink-2:#3a3d44;--muted:#7a7d85;--line:#e9e5de;--gold:#b8935a;--gold-2:#d9bf8f;--gold-soft:#f4ecdf;--gold-ink:#7a5a26;--green:#1f7a4d;--green-soft:#e2f2e9;--red:#c23b3b;--red-soft:#f9e4e4;--amber:#a86a12;--amber-soft:#fbefd9;--blue:#2c5d9c;--blue-soft:#e4edf8;--hero:#15171b;--hero-ink:#f6f3ee;--shadow:0 1px 2px #15171b0a, 0 6px 20px #15171b0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1012;--surface:#181a1e;--surface-2:#1d1f24;--ink:#f2efe9;--ink-2:#cfccc6;--muted:#8e9098;--line:#2a2d33;--gold:#cfaa6e;--gold-2:#8f7144;--gold-soft:#2c2519;--gold-ink:#e3c895;--green:#5fc492;--green-soft:#15291f;--red:#ef8585;--red-soft:#351b1b;--amber:#e3ac55;--amber-soft:#33270f;--blue:#8db4ea;--blue-soft:#18243a;--hero:#1d1f24;--hero-ink:#f6f3ee;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font:15px/1.45 Manrope,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}svg.i{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.app{max-width:720px;min-height:100vh;padding-bottom:90px;padding-top:env(safe-area-inset-top);margin:0 auto}body:before{content:"";height:env(safe-area-inset-top);background:var(--hero);z-index:20;position:fixed;top:0;left:0;right:0}.top{justify-content:space-between;align-items:center;gap:10px;padding:18px 16px 6px;display:flex}.top h1{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.seccion{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);justify-content:space-between;align-items:center;margin:22px 16px 10px;font-size:12px;font-weight:700;display:flex}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.lista{margin:0 14px;overflow:hidden}.fila{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 14px;transition:background .15s;display:flex}a.fila:hover,button.fila:hover{background:var(--surface-2)}.fila:last-child{border-bottom:0}.cuerpo{flex:1;min-width:0}.titulo{justify-content:space-between;gap:8px;font-size:15px;font-weight:700;display:flex}.hora{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.texto{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13.5px;overflow:hidden}.vacio{color:var(--muted);text-align:center;padding:18px;font-size:14px}.avatar{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid;position:relative}.ico-cuadro{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.chips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.chip{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.chip.green{background:var(--green-soft);color:var(--green);border-color:#0000}.chip.red{background:var(--red-soft);color:var(--red);border-color:#0000}.chip.amber{background:var(--amber-soft);color:var(--amber);border-color:#0000}.chip.gold{background:var(--gold-soft);color:var(--gold-ink);border-color:#0000}.chip.blue{background:var(--blue-soft);color:var(--blue);border-color:#0000}.segmentos{scrollbar-width:none;gap:6px;padding:0 14px 12px;display:flex;overflow-x:auto}.segmentos button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;flex:none;padding:7px 13px;font-size:13px;font-weight:600}.segmentos button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.buscador{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:8px;margin:4px 14px 12px;padding:0 14px;display:flex}.buscador input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 0}.boton{background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:inline-flex}.boton.ancho{width:100%}.boton.claro{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.boton:disabled{opacity:.55;cursor:default}.campo{margin-bottom:14px;display:block}.campo span{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.campo input,.campo select{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:14px;outline:none;padding:12px 14px}.campo input:focus,.campo select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.con-ojo{position:relative}.con-ojo input{padding-right:48px}.con-ojo .ojo{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.con-ojo .ojo:hover{color:var(--ink);background:var(--surface)}.error{background:var(--red-soft);color:var(--red);border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;font-weight:600}.exito{background:var(--green-soft);color:var(--green);border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;font-weight:600}nav.tabs{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 6px calc(10px + env(safe-area-inset-bottom));z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}nav.tabs .contenedor{display:contents}nav.tabs a{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:600;display:flex;position:relative}nav.tabs a.on{color:var(--ink)}nav.tabs a.on:before{content:"";background:var(--gold);border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:-9px}nav.tabs .badge{background:var(--red);color:#fff;border-radius:999px;padding:0 5px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:2px;left:calc(50% + 6px)}@media (min-width:760px){nav.tabs{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:18px 18px 0 0;max-width:720px;margin:0 auto}}.hero{background:var(--hero);color:var(--hero-ink);border-radius:26px;margin:14px 14px 0;padding:20px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#cfaa6e59,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.marca{letter-spacing:.14em;font-size:13px;font-weight:800}.marca small{letter-spacing:.3em;opacity:.7;margin-top:1px;font-size:8px;font-weight:500;display:block}.hero h2{letter-spacing:-.02em;margin:18px 0 2px;font-size:24px;font-weight:700}.hero .fecha{opacity:.65;font-size:13px}.hero .resumen{z-index:1;gap:22px;margin-top:18px;display:flex;position:relative}.hero .resumen b{color:var(--gold-2);font-size:22px;font-weight:800;display:block}.hero .resumen span{opacity:.7;font-size:12px}.ingreso{min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) 16px 24px;place-items:center;display:grid}.ingreso .card{width:100%;max-width:400px;padding:26px}.ingreso .hero{margin:0 0 22px}.ingreso p{color:var(--muted);font-size:14px}.qr{background:#fff;border-radius:12px;margin:12px auto;padding:8px;display:block}.codigo-texto{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;border-radius:10px;padding:8px 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.chat-top{background:var(--hero);color:var(--hero-ink);top:env(safe-area-inset-top);z-index:5;align-items:center;gap:10px;padding:14px;display:flex;position:sticky}.chat-top .texto{color:#f6f3eea6}.chat-top .volver{color:inherit;padding:4px;display:grid}.burbujas{background:var(--surface-2);flex-direction:column;gap:6px;min-height:200px;padding:16px 14px;display:flex}.dia{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-self:center;margin:8px 0;padding:3px 10px;font-size:11.5px;font-weight:700}.msg{white-space:pre-wrap;word-wrap:break-word;max-width:82%;box-shadow:var(--shadow);border-radius:18px;padding:9px 12px;font-size:14px}.msg .hora-msg{text-align:right;opacity:.55;margin-top:3px;font-size:10.5px;display:block}.msg.cliente{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}.msg.bot,.msg.humano{background:var(--ink);color:var(--bg);border-bottom-right-radius:6px;align-self:flex-end}.msg.humano{background:var(--blue);color:#fff}.msg .quien{color:var(--gold-2);margin-bottom:2px;font-size:11px;font-weight:800;display:block}.msg.humano .quien{color:#fff;opacity:.8}.msg.sistema{background:var(--amber-soft);max-width:100%;color:var(--amber);box-shadow:none;align-self:center;font-size:13px}.msg a{color:inherit;text-decoration:underline}.msg.nota{background:var(--amber-soft);max-width:none;color:var(--amber);box-shadow:none;border-radius:14px;align-self:stretch}.msg.nota .quien{color:var(--amber);align-items:center;gap:4px;display:inline-flex}.evento-chat{color:var(--muted);align-self:center;padding:2px 10px;font-size:11.5px;font-weight:600}.pausa{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.pausa.on{background:var(--gold);border-color:var(--gold);color:#15171b}.estado-bot{background:var(--green-soft);color:var(--green);align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.estado-bot.pausado{background:var(--gold-soft);color:var(--gold-ink)}.componer{border-top:1px solid var(--line);background:var(--surface);z-index:4;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;bottom:70px}.componer.nota{background:var(--amber-soft)}.componer input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;outline:none;flex:1;padding:10px 14px}.componer input:focus{border-color:var(--gold)}.redondo{cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.redondo.claro{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.redondo.activo{background:var(--amber);color:#fff}.redondo.oscuro{background:var(--ink);color:var(--bg)}.redondo:disabled{opacity:.4;cursor:default}.selector{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:14px;padding:11px 12px;font-weight:600}.ficha{margin:0 14px;padding:16px}.ficha dl{grid-template-columns:120px 1fr;gap:9px 10px;margin:0;font-size:14px;display:grid}.ficha dt{color:var(--muted);font-size:13px;font-weight:600}.ficha dd{overflow-wrap:anywhere;margin:0;font-weight:600}.ficha h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 10px;font-size:12px}.ficha h3:first-child{margin-top:0}.aviso{background:var(--surface-2);border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;padding:10px 12px;font-size:13.5px}.grilla{grid-template-columns:1fr 1fr;gap:10px;padding:0 14px;display:grid}.kpi{padding:14px}.kpi .eti{color:var(--muted);font-size:12.5px;font-weight:600}.kpi .num{letter-spacing:-.03em;margin-top:6px;font-size:30px;font-weight:800;line-height:1}.kpi.gold{background:linear-gradient(150deg, var(--gold-soft), var(--surface) 70%);border-color:var(--gold-2)}.cargando{text-align:center;color:var(--muted);padding:40px}.kpi .tend{color:var(--muted);margin-top:6px;font-size:12px;font-weight:700}.kpi .tend.up{color:var(--green)}.kpi .tend.down{color:var(--red)}.filtros-extra{flex-wrap:wrap;align-items:center;gap:10px;margin:0 14px 14px;display:flex}.filtros-extra .selector{flex:1;width:auto;min-width:180px}.check{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.barras{gap:8px;display:grid}.barra{grid-template-columns:minmax(90px,38%) 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.barra .eti{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.barra .pista{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.barra .relleno{background:var(--gold);border-radius:4px;min-width:3px;height:100%;display:block}.barra .num{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}h4.sub{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 10px;font-size:12px}.columnas{width:100%;height:140px;display:block}.eje{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.tooltip-fijo{color:var(--ink-2);min-height:18px;margin-bottom:8px;font-size:13px}.calor{color:var(--muted);grid-template-columns:30px repeat(24,minmax(0,1fr));gap:2px;font-size:9.5px;font-weight:600;display:grid}.calor i{aspect-ratio:1;border-radius:3px}.calor .hora{text-align:center;white-space:nowrap;font-size:9px;overflow:visible}.calor .calor-dia{align-self:center}.form-card{margin:0 14px;padding:16px}.campo textarea,.regla textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);resize:vertical;border-radius:14px;outline:none;padding:12px 14px}.campo textarea:focus,.regla textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.ayuda{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.4;display:block}.regla{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.regla .icon-btn{cursor:pointer}.config{grid-template-columns:1fr;display:grid}.config-chat{display:none}.config-chat.abierto{inset:env(safe-area-inset-top) 0 150px;z-index:6;background:var(--bg);flex-direction:column;display:flex;position:fixed}.config-chat iframe{background:#fff;border:0;border-radius:0 0 16px 16px;flex:1;width:100%}.config-chat-top{gap:2px;padding:12px 16px;display:grid}.config-chat-top .texto{white-space:normal}.barra-guardar{z-index:7;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 14px;position:fixed;bottom:70px;left:0;right:0}.barra-guardar .error,.barra-guardar .exito{margin-bottom:8px}.barra-guardar .botones{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (min-width:1100px){.app:has(.config){max-width:1240px}.config{grid-template-columns:minmax(0,1fr) 420px;gap:18px;padding-right:14px}.config-chat{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;height:calc(100vh - 190px);margin-top:22px;display:flex;position:sticky;top:14px;overflow:hidden}.solo-celular{display:none!important}.barra-guardar{max-width:1240px;margin:0 auto}}.icon-btn{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.vendedor{overflow:hidden}.ajustes{padding:4px 14px 14px}.ajuste{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.ajuste:first-child{border-top:0}.ajuste.columna{flex-direction:column;align-items:stretch}.ajuste b{font-size:14px;display:block}.ajuste span{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.interruptor{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.interruptor:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.interruptor.on{background:var(--gold)}.interruptor.on:after{left:21px}.dias{gap:6px;margin-top:10px;display:flex}.dias button{border:1px solid var(--line);background:var(--surface-2);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;font-weight:700}.dias button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.horas{color:var(--ink-2);gap:14px;margin-top:10px;font-size:14px;font-weight:600;display:flex}.horas input{font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;margin-left:6px;padding:8px 10px}.gestion a.fila{color:inherit}@media (min-width:900px){.app.ancho{max-width:1180px}}.probar{height:calc(100vh - 90px - env(safe-area-inset-top));height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.probar .sub{color:var(--muted);margin-top:2px;font-size:13px}.probar iframe{border:1px solid var(--line);background:#f3f3f1;border-radius:18px;flex:1;min-height:0;margin:8px 10px 0}.acceso-probar{background:var(--gold-soft);color:var(--gold-ink);border-radius:20px;align-items:center;gap:12px;margin:14px 14px 0;padding:14px 16px;font-weight:700;text-decoration:none;display:flex}.acceso-probar .texto{opacity:.85;font-size:13px;font-weight:500}.acceso-probar .cuerpo{flex:1;min-width:0}