/* Lo mínimo para que se lea. La máquina no es un producto para clientas: es un
   taller. Se invierte en que los datos se distingan, no en decorarlo. */
:root{--tinta:#1b1b1f;--suave:#6b6b76;--linea:#e3e3e8;--fondo:#faf9f7;--acento:#8a6a3b;--mal:#a3302a;--bien:#2f6b3a}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:900px;margin:0 auto;padding:24px 18px 64px}
h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:24px 0 8px}
a{color:var(--acento)}
.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--linea)}
.barra b{font-weight:600}
.nota{color:var(--suave);font-size:.9rem;margin:4px 0}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:16px;margin:12px 0}
.lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lista a{display:block;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:14px 16px;text-decoration:none;color:inherit}
.lista a:hover{border-color:var(--acento)}
label{display:block;margin:10px 0}
label span{display:block;font-size:.85rem;color:var(--suave);margin-bottom:3px}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--linea);border-radius:8px;font:inherit;background:#fff;color:inherit}
textarea{min-height:80px;resize:vertical}
button{font:inherit;padding:9px 16px;border:1px solid var(--acento);background:var(--acento);color:#fff;border-radius:8px;cursor:pointer}
button.suave{background:#fff;color:var(--acento)}
.aviso{padding:10px 12px;border-radius:8px;margin:12px 0;font-size:.95rem}
.aviso.bien{background:#eef6ef;color:var(--bien);border:1px solid #cfe3d2}
.aviso.mal{background:#fbeeed;color:var(--mal);border:1px solid #f0d2cf}
.aviso.ojo{background:#fdf6e7;color:#7a5a12;border:1px solid #efe0bd}
.falta{color:var(--mal);font-weight:600}
.dinero{border:1px solid #efe0bd;background:#fdf6e7;border-radius:10px;padding:14px 16px;margin:16px 0}
.dinero h2{margin-top:0}
img.muestra{max-width:100%;border:1px solid var(--linea);border-radius:8px;background:#fff}