.pagina-firma{--marca:#1e3a8a;padding-bottom:env(safe-area-inset-bottom)}
.cabecera{background:var(--marca);color:#fff;padding:16px}
.marca-org{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px}
.marca-org img{height:38px;max-width:120px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.marca-org b{display:block;font-size:15px}
.marca-org small{display:block;color:rgba(255,255,255,.78);font-size:12.5px}
.envoltura{max-width:720px;margin:0 auto;padding:18px 14px 40px}
.paso{display:none}
.paso.visible{display:block}
.doc-titulo{text-align:center;margin-bottom:12px}
.doc-titulo h1{font-size:18px;line-height:1.3}
.pagina-firma .documento{padding:4px 0;border:0;font-size:14.5px}
.pagina-firma .documento h4{position:sticky;top:0;background:#fff;padding:8px 0;margin:16px 0 8px;border-bottom:1px solid var(--line);z-index:2}
.lienzo-caja{position:relative;border:2px dashed var(--line-2);border-radius:12px;background:#fff;overflow:hidden;touch-action:none}
canvas#lienzo{display:block;width:100%;height:200px;touch-action:none;cursor:crosshair}
.lienzo-pista{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#94a3b8}
.lienzo-linea{position:absolute;left:22px;right:22px;bottom:46px;border-top:1px solid var(--line-2)}
.camara{position:relative;background:#0f172a;border-radius:12px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;max-width:420px}
.camara video,.camara img{width:100%;height:100%;object-fit:cover;display:block}
.camara .vacia{color:#94a3b8;font-size:14px;text-align:center;padding:20px}
.etq-foto{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--brand-2)}
.etq-foto.obligatoria{color:var(--bad)}
.acepto{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:14.5px;margin-bottom:14px;cursor:pointer}
.acepto input{width:22px;height:22px;flex:none;margin-top:1px}
.btn.grande{padding:15px 18px;font-size:16px}
.codigo-grande{font:700 22px/1.35 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1.5px;background:#0f172a;color:#93c5fd;padding:16px;border-radius:12px;text-align:center;word-break:break-all;margin:12px 0}
.sello{font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--muted);word-break:break-all;background:var(--soft);padding:10px;border-radius:8px}
.creditos{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}