:root{color-scheme:light;--bg: #F3F6FA;--panel: #FFFFFF;--tinta: #0F172A;--suave: #5B6B82;--linea: #E2E8F0;--verde: #16A34A;--verde-claro: #DCFCE7;--azul: #2563EB;--azul-claro: #DBEAFE;--ambar: #D97706;--ambar-claro: #FEF3C7;--rojo: #DC2626;--rojo-claro: #FEE2E2;--sombra: 0 1px 2px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.06);--mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--texto: "Fira Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--tinta);font-family:var(--texto);font-size:14px;line-height:1.5}.envoltura{max-width:1320px;margin:0 auto;padding-block:20px 8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1,h2,h3{font-family:var(--mono);margin:0;letter-spacing:-.01em;text-wrap:balance}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.cabecera{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:16px}.marca{display:flex;align-items:center;gap:12px}.marca .logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--verde),var(--azul));display:grid;place-items:center;color:#fff;font-family:var(--mono);font-weight:700;font-size:18px;box-shadow:0 6px 16px #2563eb40;flex-shrink:0}.marca h1{font-size:20px}.marca p{margin:0;color:var(--suave);font-size:13px}.vivo{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--linea);padding:6px 12px 6px 10px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:var(--sombra)}.punto{width:9px;height:9px;border-radius:50%;background:var(--verde);position:relative}.punto:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--verde);opacity:0;animation:latido 1.8s ease-out infinite}.vivo.pausa .punto{background:var(--suave)}.vivo.pausa .punto:after{display:none}.vivo.corte .punto{background:var(--ambar)}.vivo.corte .punto:after{border-color:var(--ambar)}@keyframes latido{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.boton{border:1px solid var(--linea);background:var(--panel);color:var(--tinta);padding:7px 14px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:var(--sombra);transition:transform .15s ease,box-shadow .15s ease}.boton:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a1a}.boton.principal{background:var(--tinta);color:#fff;border-color:var(--tinta)}.boton:disabled{opacity:.55;cursor:default;transform:none}.resumen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dato{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:14px 16px;box-shadow:var(--sombra)}.dato .etq{color:var(--suave);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dato .valor{font-family:var(--mono);font-size:28px;font-weight:700;line-height:1.2;margin-top:2px;transition:color .3s}.dato .valor.sube{color:var(--verde)}.dato .pie{color:var(--suave);font-size:12.5px}.dato .pie b{color:var(--verde)}.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.filtros .titulo{font-weight:600;color:var(--suave);font-size:13px;margin-right:4px}.chip{border:1px solid var(--linea);background:var(--panel);padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;color:var(--tinta);display:inline-flex;gap:6px;align-items:center;transition:all .15s ease}.chip .bolita{width:8px;height:8px;border-radius:50%;background:var(--c)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--tinta);color:#fff;border-color:var(--tinta);box-shadow:0 4px 12px #0f172a2e}.cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.columna{display:flex;flex-direction:column;gap:16px;min-width:0}.seccion-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.seccion-titulo h2{font-size:15px}.seccion-titulo span{color:var(--suave);font-size:12.5px}.avisos{display:flex;flex-direction:column;gap:8px}.avisos:empty{display:none}.aviso{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid;font-size:13.5px}.aviso.ambar{background:var(--ambar-claro);border-color:#fcd34d;color:#78350f}.aviso.verde{background:var(--verde-claro);border-color:#86efac;color:#14532d}.aviso.gris{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.aviso.rojo{background:var(--rojo-claro);border-color:#fca5a5;color:#7f1d1d}.aviso .ico{font-family:var(--mono);font-weight:700}.comercios{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.comercio{position:relative;text-align:left;background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:14px 16px 12px;box-shadow:var(--sombra);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,opacity .25s ease;color:inherit;display:flex;flex-direction:column;gap:10px;min-width:0}.comercio:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}.comercio:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.comercio.apagado{opacity:.35}.comercio.late{animation:late .9s cubic-bezier(.2,.8,.2,1)}@keyframes late{0%{box-shadow:0 0 0 0 var(--c)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 25%,transparent);transform:translateY(-2px) scale(1.01)}to{box-shadow:var(--sombra)}}.comercio .arriba{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.comercio .arriba>div{min-width:0}.comercio h3{font-size:15px;overflow-wrap:anywhere}.comercio .sub{color:var(--suave);font-size:12.5px}.pildora{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,white);color:color-mix(in srgb,var(--c) 75%,black)}.metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metricas div{background:var(--bg);border-radius:10px;padding:6px 8px}.metricas b{display:block;font-family:var(--mono);font-size:17px}.metricas small{color:var(--suave);font-size:11.5px}.barra-wallet{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--suave)}.barra-wallet .pista{flex:1;height:7px;background:var(--bg);border-radius:99px;overflow:hidden}.barra-wallet .lleno{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--azul),var(--verde));transition:width .8s cubic-bezier(.2,.8,.2,1)}.comercio .abajo{display:flex;justify-content:space-between;align-items:center;gap:8px}.estado{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}.estado i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.estado.bien i{background:var(--verde)}.estado.bien{color:#15803d}.estado.ojo i{background:var(--ambar)}.estado.ojo{color:#b45309}.estado.gris i{background:#94a3b8}.estado.gris{color:var(--suave)}svg.chispa{display:block;flex-shrink:0}.panel{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:14px 16px;box-shadow:var(--sombra)}.horas{display:grid;grid-template-columns:repeat(var(--n, 13),minmax(0,1fr));gap:6px;align-items:end;height:130px}.hora{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;min-width:0}.hora .col{width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#93C5FD,var(--azul));transition:height .6s cubic-bezier(.2,.8,.2,1);min-height:3px}.hora.ahora .col{background:linear-gradient(180deg,#86EFAC,var(--verde))}.hora small{color:var(--suave);font-size:11px;font-family:var(--mono)}.hora .cuanto{font-size:11px;font-weight:700;font-family:var(--mono);color:var(--tinta)}.feed{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px)}.feed .panel{padding:14px 12px 10px}.feed .seccion-titulo{padding:0 4px}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:640px;overflow-y:auto;overflow-x:hidden}.evento{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:9px 8px;border-radius:12px;align-items:center}.evento.nuevo{animation:entra .7s cubic-bezier(.2,.9,.25,1.2);background:color-mix(in srgb,var(--c) 10%,white)}.evento.nuevo.asienta{background:transparent;transition:background 2.5s ease}@keyframes entra{0%{transform:translate(40px) scale(.96);opacity:0}60%{transform:translate(-4px) scale(1.01);opacity:1}to{transform:none}}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--c);font-family:var(--mono);font-size:15px;position:relative}.avatar .tipo{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:6px;background:#fff;border:1px solid var(--linea);display:grid;place-items:center;font-size:11px;color:var(--tinta)}.evento .que{font-size:13.5px;overflow-wrap:anywhere}.evento .que b{font-weight:700}.evento .donde{color:var(--suave);font-size:12px;display:flex;gap:6px;flex-wrap:wrap}.evento .monto{font-family:var(--mono);font-weight:700;color:var(--verde)}.vacio{color:var(--suave);text-align:center;padding:24px 8px}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:20}.fondo.abierto{opacity:1;pointer-events:auto}.ficha{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--panel);z-index:21;transform:translate(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s;box-shadow:-12px 0 40px #0f172a2e;overflow-y:auto;overflow-x:hidden;padding:calc(env(safe-area-inset-top,0px) + 20px) max(20px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 20px) 20px;display:flex;flex-direction:column;gap:16px}.ficha.abierta{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.ficha .cerrar{align-self:flex-end}.ficha .cabeza{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ficha .cabeza h2{font-size:20px;overflow-wrap:anywhere}.ficha .cabeza div div{color:var(--suave)}.ficha .grande{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ficha .grande div{background:var(--bg);border-radius:12px;padding:10px 12px}.ficha .grande b{font-family:var(--mono);font-size:22px;display:block}.ficha .grande small{color:var(--suave)}.barras14{display:flex;gap:4px;align-items:end;height:110px}.barras14 div{flex:1;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 45%,white),var(--c));border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:crece .7s cubic-bezier(.2,.8,.2,1) both}@keyframes crece{0%{transform:scaleY(0)}}.sucursales{display:flex;flex-direction:column;gap:8px}.suc{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:13px}.suc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suc .pista{height:8px;background:var(--bg);border-radius:99px;overflow:hidden}.suc .pista div{height:100%;background:var(--c);border-radius:99px}.texto-positivo{background:var(--verde-claro);color:#14532d;border-radius:12px;padding:10px 12px;font-size:13.5px}.centro{min-height:70vh;display:grid;place-items:center;padding-block:24px}.caja{width:min(420px,100%);background:var(--panel);border:1px solid var(--linea);border-radius:20px;padding:24px;box-shadow:0 20px 50px #0f172a1f;display:flex;flex-direction:column;gap:14px}.caja h2{font-size:20px}.caja p{margin:0;color:var(--suave)}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo label,.campo .etiqueta{font-weight:600;font-size:13px}.campo input{border:1px solid var(--linea);border-radius:10px;padding:10px 12px;font:inherit;background:var(--bg);color:var(--tinta);min-width:0;width:100%}.codigo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.codigo input{text-align:center;font-family:var(--mono);font-size:20px;padding:10px 0}.nota{font-size:12.5px;color:var(--suave);background:var(--bg);border-radius:10px;padding:8px 10px;margin:0}.usuarios{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-block:8px 24px}.persona{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:12px 14px;box-shadow:var(--sombra)}.persona .avatar{width:44px;height:44px}.persona .detalle{color:var(--suave);font-size:12.5px;overflow-wrap:anywhere}.persona .botones{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.persona.sin-acceso{opacity:.6}.pie-pagina{text-align:center;padding:20px 0 8px;color:var(--suave);font-size:12px}#hl-pw-scene{position:relative;display:inline-block;margin-top:.5rem}#hl-pw-row{display:inline-flex;align-items:center;font-family:Fira Sans,sans-serif;font-size:11px;font-weight:600;white-space:nowrap;color:#475569}.hl-pw-by{color:#94a3b8}#hl-pw-slot{display:inline-block;width:28px;height:28px;margin:0 5px;vertical-align:middle;flex-shrink:0}#hl-pw-logo{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:50%;object-fit:cover;pointer-events:none}#hl-pw-chars .pw-ch{display:inline-block}#hl-pw-logo.pw-glow{filter:drop-shadow(0 0 6px rgba(59,130,246,.9))}.navegacion{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}.navegacion .pestanas{display:flex;gap:6px;flex-wrap:wrap}.navegacion .quien{color:var(--suave);font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.error{background:var(--rojo-claro);color:#7f1d1d;border:1px solid #FCA5A5;border-radius:10px;padding:8px 10px;font-size:13px}.enlace{background:none;border:0;padding:0;color:var(--azul);font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:2px;align-self:flex-start}.qr{display:grid;place-items:center;background:#fff;border:1px solid var(--linea);border-radius:14px;padding:10px}.qr img{width:200px;height:200px;image-rendering:pixelated}.copiable{display:flex;gap:8px;align-items:center}.copiable code{flex:1;min-width:0;font-family:var(--mono);font-size:13px;background:var(--bg);border-radius:10px;padding:8px 10px;overflow-wrap:anywhere}.recuperacion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.recuperacion li{font-family:var(--mono);font-weight:600;background:var(--bg);border-radius:8px;padding:6px 8px;text-align:center}.formulario{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:16px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:12px}.formulario .fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formulario .botones,.caja .botones{display:flex;gap:8px;flex-wrap:wrap}.opciones{display:flex;gap:6px;flex-wrap:wrap}.color-campo{display:flex;gap:8px;align-items:center}.color-campo input[type=color]{width:44px;height:40px;padding:2px;border-radius:10px;flex-shrink:0}.pregunta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--ambar-claro);border:1px solid #FCD34D;color:#78350f;border-radius:12px;padding:8px 10px;font-size:13px;grid-column:1 / -1}.cargando{color:var(--suave);text-align:center;padding:48px 8px}@media(max-width:980px){.cuerpo{grid-template-columns:minmax(0,1fr)}.feed{position:static}.lista{max-height:420px}}@media(max-width:640px){.resumen{grid-template-columns:repeat(2,minmax(0,1fr))}.dato .valor{font-size:23px}.horas{gap:3px}.hora .cuanto{display:none}.horas.muchas .hora.impar small{visibility:hidden}.persona{grid-template-columns:44px minmax(0,1fr)}.persona .botones{grid-column:1 / -1;justify-content:flex-start}.formulario .fila{grid-template-columns:minmax(0,1fr)}.suc{grid-template-columns:90px minmax(0,1fr) 40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}