:root{--fondo:#F2F4F6;--sup:#fff;--sup2:#E9EDF1;--tinta:#1B2733;--tinta2:#5A6B7A;--linea:#D8DFE6;--marca:#153A5B;--acento:#E8820C;--acento-suave:#FBEBD6;--ok:#2E8F5B;--ok-s:#DDF0E5;--warn:#C07A00;--warn-s:#F7ECD4;--bad:#C74A44;--bad-s:#F6E1DF;--info:#2F6FA8;--info-s:#DEEAF4}@media (prefers-color-scheme: dark){:root{--fondo:#12181F;--sup:#1B242E;--sup2:#232E3A;--tinta:#E7ECF1;--tinta2:#93A3B2;--linea:#2E3A47;--marca:#0F2B44;--acento:#F0942B;--acento-suave:#3A2B14;--ok:#4CB47F;--ok-s:#173226;--warn:#DFA23A;--warn-s:#37301A;--bad:#E06A63;--bad-s:#3A1F1E;--info:#5C99C9;--info-s:#1A2B3A}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.5 system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:9px}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--linea);border-radius:9px;background:var(--sup);color:var(--tinta);width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--tinta2);font-weight:600}a{color:var(--info)}.mono{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.marca{font-weight:800;letter-spacing:.12em;font-size:19px;color:inherit}.marca em{color:var(--acento);font-style:normal}.muted{color:var(--tinta2)}.sm{font-size:12.5px}.b{font-weight:700}.ink{color:var(--tinta)}.bad-ink{color:var(--bad)}.centro{text-align:center}.auto{align-self:flex-start}.crece{flex:1}.derecha{margin-left:auto}.max640{max-width:640px}.fila{display:flex;align-items:center;gap:8px}.entre{justify-content:space-between}.col{display:flex;flex-direction:column;gap:10px}.g4{gap:4px}.g8{gap:8px}.envolver{flex-wrap:wrap}.app{min-height:100vh;display:flex;flex-direction:column}.barra{background:var(--marca);color:#fff;display:flex;align-items:center;gap:10px;padding:10px 16px;position:sticky;top:0;z-index:10}.cuerpo{flex:1;padding:14px 14px 76px;display:flex;flex-direction:column;gap:10px;max-width:560px;width:100%;margin:0 auto}.card{background:var(--sup);border:1px solid var(--linea);border-radius:12px;padding:13px 14px}.card.ot{cursor:pointer}.card.destacada{background:linear-gradient(135deg,var(--acento-suave),var(--sup))}.card.alerta{font-size:13.5px;font-weight:600;cursor:pointer}.card.alerta.bad{border-color:var(--bad);color:var(--bad)}.cifra{font-size:28px;font-weight:800}.etiqueta{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta2)}.chip{display:inline-block;font-size:11px;font-weight:600;border-radius:99px;padding:2px 9px;white-space:nowrap}.chip.info{background:var(--info-s);color:var(--info)}.chip.accent{background:var(--acento-suave);color:var(--acento)}.chip.ok{background:var(--ok-s);color:var(--ok)}.chip.warn{background:var(--warn-s);color:var(--warn)}.chip.bad{background:var(--bad-s);color:var(--bad)}.btn{background:var(--acento);color:#201502;font-weight:700;padding:10px 16px}.btn.sec{background:var(--sup2);color:var(--tinta);font-weight:600}.btn.ok{background:var(--ok);color:#fff}.btn.bad{background:var(--bad-s);color:var(--bad)}.btn.sm{padding:7px 12px;font-size:13px}.btn.bloque{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--fondo)}.login{width:320px;display:flex;flex-direction:column;gap:10px;text-align:center}.hito{display:flex;align-items:center;gap:10px;font-size:14px}.hito .punto{width:28px;height:28px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--sup2);color:var(--tinta2);border:2px solid var(--linea);flex:none}.hito.hecho .punto{background:var(--ok);border-color:var(--ok);color:#fff}.hito.sig .punto{background:var(--acento-suave);border-color:var(--acento);color:var(--acento)}.medidor{height:8px;border-radius:99px;background:var(--sup2);overflow:hidden}.medidor i{display:block;height:100%;background:var(--acento)}.fotogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fcel{border:1.5px dashed var(--linea);border-radius:10px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center;background:var(--sup);color:var(--tinta2);font-size:10px;font-weight:600;line-height:1.25}.fcel.ok{border-style:solid;border-color:var(--ok);background:linear-gradient(160deg,var(--ok-s),var(--sup));color:var(--tinta)}.fcel .cam{font-size:19px}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--sup);border-top:1px solid var(--linea);z-index:10}.tabs button{flex:1;background:none;color:var(--tinta2);padding:8px 2px 10px;font-size:10.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:0}.tabs button.on{color:var(--acento)}.tabs .ic{font-size:18px;position:relative}.globo{position:absolute;top:-4px;right:-12px;background:var(--bad);color:#fff;font-size:9px;font-style:normal;font-weight:700;border-radius:99px;padding:1px 5px}.admin{flex:1;display:grid;grid-template-columns:200px 1fr;min-height:0}.lateral{background:var(--sup);border-right:1px solid var(--linea);padding:14px 8px;display:flex;flex-direction:column;gap:3px}.lateral button{background:none;color:var(--tinta2);text-align:left;padding:9px 12px;font-weight:600;font-size:13.5px}.lateral button.on{background:var(--acento-suave);color:var(--tinta);border-radius:8px}.principal{padding:18px 22px;overflow-x:hidden}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}.kcol{background:var(--sup2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.kcol h3{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2);display:flex;justify-content:space-between}.kcard{background:var(--sup);border:1px solid var(--linea);border-radius:10px;padding:9px 11px;cursor:pointer;font-size:14px}.kcard:hover{border-color:var(--acento)}.panel{display:flex;flex-direction:column;gap:12px;max-width:860px}.panel h2{margin:0;font-size:19px}.galeria{display:flex;gap:8px;flex-wrap:wrap}.miniatura{width:76px;height:76px;border:1px solid var(--linea);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:18px;text-decoration:none;color:var(--tinta2);background:var(--sup);text-align:center}.miniatura span{font-size:9px;line-height:1.1;padding:0 3px;overflow:hidden;max-height:22px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.kpi{display:flex;flex-direction:column;gap:2px}.barra-fila{display:grid;grid-template-columns:130px 1fr 110px;gap:10px;align-items:center;font-size:13px}.barra{background:var(--sup2);border-radius:6px;height:16px;overflow:hidden}.barra i{display:block;height:100%;background:linear-gradient(90deg,var(--acento),#f5a94d)}.tabla-envoltura{overflow-x:auto;padding:0}table{border-collapse:collapse;width:100%;font-size:13.5px}th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta2);text-align:left;padding:9px 10px;border-bottom:1px solid var(--linea)}td{padding:8px 10px;border-bottom:1px solid var(--linea)}tr:last-child td{border-bottom:0}.toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%);background:var(--tinta);color:var(--fondo);padding:9px 18px;border-radius:99px;font-size:13.5px;font-weight:600;z-index:99;max-width:90vw;text-align:center}.mapa{display:block;border:1px solid var(--linea);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--tinta);background:var(--sup)}.mapa iframe{width:100%;height:150px;border:0;display:block;pointer-events:none}.mapa .mapa-ph{height:96px;display:flex;align-items:center;justify-content:center;font-size:30px;background:repeating-linear-gradient(0deg,var(--sup2) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,var(--sup2) 0 1px,transparent 1px 26px),linear-gradient(135deg,var(--info-s),var(--sup))}.mapa .lbl{display:block;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--tinta2)}.card.alerta{border-left:3px solid var(--warn)}.card.alerta.bad{border-left-color:var(--bad)}.fcel .cnt{font-size:9px;color:var(--tinta2);font-weight:600}.fcel.opc{opacity:.75}.fcel.opc.ok{opacity:1}table.editable input,table.editable select{padding:6px 8px;font-size:13px;min-width:60px}table.editable td{padding:5px 6px}label.check{flex-direction:row;align-items:center;gap:3px;font-size:12px}label.check input{width:auto}@media (max-width:900px){.admin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start}.barra{position:static}.lateral{flex-direction:row;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--linea);padding:8px;gap:4px;position:sticky;top:0;z-index:9}.lateral::-webkit-scrollbar{display:none}.lateral button{white-space:nowrap;flex:none;height:36px;padding:0 14px;font-size:13px;border-radius:99px;background:var(--sup2);display:flex;align-items:center}.lateral button.on{background:var(--acento);color:#201502;border-radius:99px}.principal{padding:14px}.kanban{grid-auto-columns:82vw;scroll-snap-type:x mandatory}.kcol{scroll-snap-align:start}.panel h2{font-size:17px}.barra{padding:8px 12px;gap:8px}.barra .marca{font-size:16px}.barra-fila{grid-template-columns:96px 1fr 84px;font-size:12px}}@media (max-width:480px){.fotogrid{grid-template-columns:repeat(2,1fr)}.btn{padding:10px 12px}}.tabs{padding-bottom:env(safe-area-inset-bottom)}