:root{--navy: #0b3c5d;--teal: #0e7490;--aqua: #06b6d4;--ink: #0e1c26;--muted: #56666f;--line: #d8dfe4;--bg: #f4f7f9;--card: #ffffff;--bad: #c2410c;--bad-bg: #fff1e8;--warn: #b45309;--warn-bg: #fff7e0;--ok: #15803d;--ok-bg: #e9f8ee;--radius: 14px;--shadow: 0 2px 10px rgba(11, 60, 93, .08);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}button,input{font:inherit}.app{max-width:720px;margin:0 auto;padding:0 16px 32px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 0 12px;background:linear-gradient(180deg,var(--bg) 70%,rgba(244,247,249,0))}.brand{display:flex;align-items:baseline;gap:8px}.brand b{font-size:20px;letter-spacing:.04em;color:var(--navy)}.brand span{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--teal)}.who{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.who button{border:0;background:none;color:var(--teal);cursor:pointer;padding:4px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}h1{font-size:22px;margin:8px 0 4px;color:var(--navy)}h2{font-size:15px;margin:18px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}p.lead{margin:0 0 16px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;background:var(--navy);color:#fff;font-weight:600;width:100%}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--navy);border-color:var(--line)}.btn.small{min-height:36px;width:auto;padding:0 12px;font-size:13px;font-weight:500}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--muted)}.field input{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px;width:100%}.field input:focus{outline:2px solid var(--aqua);border-color:transparent}.error{color:var(--bad);background:var(--bad-bg);border-radius:10px;padding:10px 12px;font-size:14px;margin:8px 0}.hint{color:var(--muted);font-size:13px}.pin{display:flex;justify-content:center;gap:12px;margin:18px 0 22px}.pin i{width:16px;height:16px;border-radius:50%;border:2px solid var(--navy);display:inline-block}.pin i.on{background:var(--navy)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto}.keypad button{min-height:60px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:22px;cursor:pointer;color:var(--ink)}.keypad button:active{background:var(--bg)}.keypad button.fn{font-size:14px;color:var(--teal)}.modo{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.modo button{border:0;background:none;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--muted)}.modo button.on{background:var(--navy);color:#fff}.item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0;padding-top:4px}.item .dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--muted)}.item.bad .dot{background:var(--bad)}.item.warn .dot{background:var(--warn)}.item .t{font-weight:600;font-size:15px}.item .d{color:var(--muted);font-size:13px;margin-top:2px;line-height:1.4}.item .obra{font-size:12px;color:var(--teal);white-space:nowrap;background:#e6f6f9;padding:3px 8px;border-radius:999px}.empty{text-align:center;color:var(--muted);padding:32px 12px}.empty b{display:block;color:var(--ok);font-size:18px;margin-bottom:6px}.resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 4px}.resumen div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.resumen b{display:block;font-size:22px;color:var(--navy)}.resumen span{font-size:12px;color:var(--muted)}.resumen .bad b{color:var(--bad)}.resumen .warn b{color:var(--warn)}.footer{text-align:center;color:var(--muted);font-size:12px;margin-top:28px}.aviso{background:var(--ok-bg);color:var(--ok);font-size:14px;padding:10px 12px;border-radius:10px;margin-bottom:10px;cursor:pointer}.demo{background:var(--warn-bg);color:var(--warn);font-size:12px;padding:6px 10px;border-radius:8px;text-align:center;margin-bottom:10px}.app.con-barra{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.brand{text-decoration:none}.bnav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none}.bnav a .i{font-size:20px;line-height:1}.bnav a[aria-current=page]{color:var(--teal)}@media(min-width:720px){.bnav{max-width:720px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}a{color:var(--teal)}.titulo{display:flex;align-items:center;justify-content:space-between;gap:12px}.titulo .btn.small,a.btn{text-decoration:none}.lnk{border:0;background:none;color:var(--teal);cursor:pointer;padding:6px 0;font-size:14px}.lnk.bad{color:var(--bad)}.back{display:inline-block;color:var(--teal);text-decoration:none;font-size:14px;margin:6px 0 2px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.tachado{text-decoration:line-through;opacity:.7}h3{font-size:14px;margin:0 0 6px;color:var(--navy)}.lead{margin:0 0 14px;color:var(--muted);font-size:14px}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;background:#eef2f5;color:var(--muted);text-decoration:none}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}@media(min-width:560px){.stats{grid-template-columns:repeat(3,1fr)}}.stats.mini{grid-template-columns:repeat(2,1fr);margin:10px 0 8px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}.stat .l{display:block;font-size:12px;color:var(--muted)}.stat b{display:block;font-size:18px;color:var(--navy);margin-top:2px;overflow-wrap:anywhere}.stat .s{display:block;font-size:12px;color:var(--muted);margin-top:2px}.stat.bad b{color:var(--bad)}.stat.warn b{color:var(--warn)}.stat.ok b{color:var(--ok)}.bar{position:relative;height:8px;border-radius:4px;background:#e4eaee;overflow:visible;flex:1}.bar i{display:block;height:100%;border-radius:4px;background:var(--teal)}.bar.ok i{background:var(--ok)}.bar.warn i{background:var(--warn)}.bar.bad i{background:var(--bad)}.bar.n i{background:#9aa8b1}.bar u{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink);opacity:.6}.av{display:flex;align-items:center;gap:10px;margin:8px 0 4px}.av span{font-size:13px;font-weight:600;white-space:nowrap}.av span small{font-weight:400;color:var(--muted)}.av.grande{margin:4px 0 14px}.filtros{display:grid;gap:8px;margin:8px 0 12px}.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;color:var(--muted);cursor:pointer}.chips button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.buscar,select,textarea{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;width:100%;color:var(--ink)}select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.lista{display:grid;gap:10px}.card.ocard{display:block;text-decoration:none;color:inherit;padding:14px 16px}.ocard-h{display:flex;justify-content:space-between;align-items:start;gap:8px}.ocard-h b{font-size:15px}.ocard .d{color:var(--muted);font-size:13px;margin-top:2px;line-height:1.4}.ocard .d.dinero{color:var(--ink);margin-top:6px}.ocard .d.dinero b{font-weight:600}.fila{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 0;border-top:1px solid var(--line);background:none;border-left:0;border-right:0;border-bottom:0;color:inherit;text-decoration:none;font:inherit;cursor:default}a.fila,button.fila{cursor:pointer}.fila:first-child{border-top:0;padding-top:2px}.fila-txt{flex:1;min-width:0}.fila .t{font-weight:600;font-size:14px}.fila .d{color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.4;overflow-wrap:anywhere}.fila-der{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.fila .v{font-weight:600;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.fila .v.ok{color:var(--ok)}.fila .v.bad{color:var(--bad)}.fila .v.warn{color:var(--warn)}.lista-acciones .fila .v{color:var(--muted);font-size:20px}.seccion{margin-top:6px}.seccion-h{display:flex;align-items:end;justify-content:space-between;gap:10px}.seccion-h small{display:block;color:var(--muted);font-size:12px;margin:-4px 0 8px}.seccion-h select{width:auto;min-height:36px;font-size:13px;margin-bottom:8px}.entre{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.entre.total{border-top:1px solid var(--line);padding-top:8px}.rubro{padding:8px 0;border-top:1px solid var(--line)}.rubro:first-child{border-top:0}.rubro .entre{margin-top:0;margin-bottom:6px}.dato{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.dato:first-child{border-top:0;padding-top:0}.dato span{color:var(--muted)}.dato b{font-weight:500;overflow-wrap:anywhere}.monto-grande{font-size:28px;font-weight:700;color:var(--navy);margin:4px 0 0;font-variant-numeric:tabular-nums}.monto-grande.ok{color:var(--ok)}.obra-h h1{margin-bottom:2px}.obra-h h1 small{font-size:14px;color:var(--muted);font-weight:500}.obra-h p{margin:2px 0;font-size:14px}.botonera{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.botonera .btn{width:auto;flex:1 1 140px}.acciones{display:grid;gap:8px;margin:16px 0 8px}.cert{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.cert .entre{margin-top:0}.cert .d{color:var(--muted);font-size:13px;margin-top:4px}.cert.pend{background:var(--warn-bg);margin:8px -16px 0;padding:10px 16px}.cert .btn.small{margin-top:8px}.form .field{margin-bottom:12px}.field>span{font-size:13px;color:var(--muted);display:block}.field>small{color:var(--muted);font-size:12px}.field input:not([type=checkbox]),.field select{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px;width:100%}.field input:focus,.field select:focus,.buscar:focus,.monto input:focus{outline:2px solid var(--aqua);border-color:transparent}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 .field{margin-bottom:10px;min-width:0}.grid2.abajo{align-items:end}.grid2.abajo .btn{margin-bottom:10px}@media(max-width:380px){.grid2{grid-template-columns:1fr}}.monto{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.monto b{padding:0 10px;color:var(--muted);font-weight:600;font-size:14px;border-right:1px solid var(--line);min-height:46px;display:flex;align-items:center}.monto input{border:0!important;min-height:46px;padding:0 12px;font-size:18px;width:100%;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:8px;font-size:14px}.check input{width:20px;height:20px}.form.sub{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}details.tc summary{cursor:pointer;font-size:13px;color:var(--muted);padding:8px 0}details.tc .field{margin-top:8px}.hitos{border-top:1px solid var(--line);padding-top:8px;margin-top:2px}.hitos-h,.hito-f{display:grid;grid-template-columns:1fr 64px 72px 32px;gap:6px;align-items:center}.hitos-h span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.hito-f{margin-top:6px}.hito-f input{min-height:40px;padding:0 8px;border:1px solid var(--line);border-radius:10px;font-size:15px;width:100%}.hito-f .x{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.hito-f .hito-monto{grid-column:1 / -1;color:var(--muted);font-size:12px;margin-top:-2px}.hitos-pie{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px}.imput{display:grid;gap:8px;margin-top:6px}.imput-f{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center}.imput-f small{display:block;color:var(--muted);font-size:12px}.imput-f .monto input{font-size:15px;min-height:40px}.imput-f .monto b{min-height:40px}.fotos{margin:4px 0 12px}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.foto{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-decoration:none}.foto img{width:100%;height:100%;object-fit:cover}.foto button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:16px;cursor:pointer}.foto.agregar{border-style:dashed;cursor:pointer;text-align:center;padding:6px;color:var(--teal);font-weight:600;grid-column:span 2;aspect-ratio:auto;min-height:56px}.foto.agregar input{display:none}.foto.agregar.ocupado{opacity:.6}.cajas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:560px){.cajas{grid-template-columns:repeat(3,1fr)}}.cajacard{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:12px 14px}.cajacard .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cajacard b{font-size:14px}.cajacard .v{font-size:18px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:4px}.cajacard .v.bad{color:var(--bad)}.cajacard .s{font-size:12px;color:var(--muted)}.cajacard.inactiva{opacity:.6}.opciones{display:grid;gap:10px}.card.opcion{display:block;text-decoration:none;color:inherit;padding:14px 16px}.opcion b{display:block;font-size:15px;color:var(--navy)}.opcion span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.card.empty.ok b{color:var(--ok)}.card.empty.warn b{color:var(--warn)}.item.link{text-decoration:none;color:inherit}