:root{--color:#1f3864;--fondo:#f4f5f7;--texto:#1a1a1a;--suave:#6b7280;--borde:#dfe3e8;--ok:#15803d;--alerta:#b45309;--error:#b91c1c;--radio:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--fondo);color:var(--texto);overscroll-behavior-y:contain;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}body{padding-bottom:env(safe-area-inset-bottom)}#app{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex}.barra{background:var(--color);color:#fff;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;z-index:10;align-items:center;gap:10px;display:flex;position:sticky;top:0}.barra img{background:#fff;border-radius:6px;width:auto;height:34px;padding:3px}.barra h1{margin:0;font-size:1rem;font-weight:600;line-height:1.2}.barra .sub{opacity:.85;font-size:.75rem}.barra .crecer{flex:1}.estado-red{white-space:nowrap;background:#ffffff2e;border-radius:999px;padding:4px 9px;font-size:.7rem}.estado-red.off{background:#7f1d1d}.estado-red.sinc{background:#14532d}main{flex:1;padding:16px}main.con-pie{padding-bottom:90px}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);background:#fff;margin-bottom:14px;padding:16px}.tarjeta h2{text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:0 0 10px;font-size:.8rem}.dato{border-bottom:1px dashed #eef0f3;justify-content:space-between;gap:12px;padding:7px 0;font-size:.92rem;display:flex}.dato:last-child{border-bottom:0}.dato .k{color:var(--suave)}.dato .v{text-align:right;font-weight:600}button,.boton{font:inherit;border-radius:var(--radio);cursor:pointer;border:0;width:100%;padding:15px 18px;font-weight:600;transition:filter .15s}button:active{filter:brightness(.94)}button:disabled{opacity:.55;cursor:not-allowed}.primario{background:var(--color);color:#fff}.secundario{color:var(--texto);border:1px solid var(--borde);background:#fff}.peligro{color:var(--error);background:#fef2f2;border:1px solid #fecaca}.grande{padding:19px 18px;font-size:1.05rem}.fila{gap:10px;display:flex}.fila>*{flex:1}label{color:var(--suave);margin:14px 0 6px;font-size:.82rem;font-weight:600;display:block}label:first-child{margin-top:0}input,select,textarea{font:inherit;border:1px solid var(--borde);width:100%;color:var(--texto);background:#fff;border-radius:12px;padding:13px 14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color);outline-offset:-1px;border-color:#0000}textarea{resize:vertical;min-height:76px}.ayuda{color:var(--suave);margin-top:5px;font-size:.78rem}.requerido:after{content:" *";color:var(--error)}.aviso{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.86rem;line-height:1.4}.aviso.info{color:#3730a3;background:#eef2ff}.aviso.ok{color:var(--ok);background:#ecfdf5}.aviso.alerta{color:var(--alerta);background:#fffbeb}.aviso.error{color:var(--error);background:#fef2f2}.chip{color:#3730a3;background:#eef2ff;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.chip.ok{color:var(--ok);background:#ecfdf5}.chip.alerta{color:var(--alerta);background:#fffbeb}.chip.error{color:var(--error);background:#fef2f2}.pendientes{margin:0;padding:0;list-style:none}.pendientes li{border-bottom:1px solid #eef0f3;padding:11px 0;font-size:.86rem}.pendientes li:last-child{border-bottom:0}.pendientes .error{color:var(--error);margin-top:3px;font-size:.78rem;display:block}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.teclado button{border:1px solid var(--borde);background:#fff;padding:18px 0;font-size:1.3rem;font-weight:600}.pin-puntos{justify-content:center;gap:14px;margin:6px 0 18px;display:flex}.pin-puntos span{border:2px solid var(--borde);border-radius:50%;width:14px;height:14px}.pin-puntos span.lleno{background:var(--color);border-color:var(--color)}canvas.firma{border:1px dashed var(--borde);touch-action:none;background:#fff;border-radius:12px;width:100%;height:170px}.oculto{display:none!important}.toast{opacity:0;visibility:hidden;pointer-events:none;color:#fff;z-index:60;background:#111827;border-radius:12px;max-width:90vw;padding:13px 18px;font-size:.88rem;transition:transform .25s,opacity .25s,visibility .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(18px);box-shadow:0 10px 30px #00000040}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.toast.error{background:#7f1d1d}.toast.ok{background:#14532d}@media (prefers-color-scheme:dark){:root{--fondo:#0f1115;--texto:#e8eaed;--suave:#9aa0a6;--borde:#2a2f36}.tarjeta,input,select,textarea,.teclado button,.secundario{background:#171a1f}.teclado button{border-color:#2a2f36}.dato,.pendientes li{border-bottom-color:#23272d}.peligro{background:#2a1414;border-color:#5c2020}}