:root{--verde:#2e7d32;--verde-d:#1b5e20;--tinta:#1f2937;--suave:#6b7280;--linea:#e5e7eb;--fondo:#f4f6f4;--card:#fff;color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);margin:0}.app{max-width:1180px;margin:0 auto;padding:24px 20px 60px}header h1{color:var(--verde-d);margin:0 0 4px;font-size:28px}header p{color:var(--suave);margin:0 0 18px}.panel{background:var(--card);border:1px solid var(--linea);border-radius:14px;margin-bottom:20px;padding:16px 18px}.controls{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.controls label{color:var(--suave);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.controls input,.controls select{border:1px solid var(--linea);background:#fff;border-radius:9px;min-width:120px;padding:8px 10px;font-size:14px}.controls input[type=number]{width:110px}.controls .file input{min-width:180px;font-size:12px}.controls button{background:var(--verde);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}.controls button:hover{background:var(--verde-d)}.meta{color:var(--suave);margin-top:12px;font-size:13px}.loading{color:var(--verde);font-weight:600}.grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--linea);border-radius:14px;padding:18px 20px}.card.accent{border-color:var(--verde);box-shadow:0 0 0 3px #2e7d3214}.card h2{margin:0 0 2px;font-size:17px}.card .sub{color:var(--suave);margin:0 0 12px;font-size:12px}.empty{color:var(--suave);font-style:italic}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--suave);border-bottom:2px solid var(--linea);padding:6px 8px;font-weight:600}td{border-bottom:1px solid var(--linea);padding:6px 8px}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:700}tfoot td{border-top:2px solid var(--linea);border-bottom:0;font-weight:700}.tag{text-align:center;color:#fff;border-radius:6px;min-width:18px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tag.A{background:#2e7d32}.tag.B{background:#f59e0b}.tag.C{background:#9ca3af}.scroll{max-height:460px;overflow:auto}.muted{color:var(--suave);font-variant-numeric:tabular-nums}.choices{grid-template-columns:1fr 1fr;gap:18px;display:grid}.choice{text-align:left;background:var(--card);border:2px solid var(--linea);cursor:pointer;font:inherit;color:var(--tinta);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 24px;transition:border-color .15s,transform .1s;display:flex}.choice:hover{border-color:var(--verde);transform:translateY(-2px)}.choice .ic{font-size:34px}.choice b{color:var(--verde-d);font-size:18px}.choice span:last-child{color:var(--suave);font-size:13px}.card.step{max-width:620px;margin:0 auto}.file.big{background:var(--verde);color:#fff;cursor:pointer;border-radius:10px;padding:11px 18px;font-weight:600;display:inline-block}.file.big input{display:none}.o{color:var(--suave);margin:12px 0}.ok{color:var(--verde-d);font-weight:600}.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-weight:600}.bignum{border:2px solid var(--linea);text-align:center;border-radius:12px;width:130px;padding:8px 12px;font-size:30px}.unidad{color:var(--suave);margin-left:10px;font-size:18px}.nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.nav button,.ghost{background:var(--verde);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.nav button:disabled{cursor:not-allowed;background:#c7cdc7}button.ghost{color:var(--tinta);background:#eef1ee}button.ghost:hover{background:#e2e7e2}.prog{margin:0;padding:0;list-style:none}.prog li{border-bottom:1px solid var(--linea);padding:8px 0;font-size:13px;line-height:1.5}.prog li b{color:var(--verde-d);text-transform:capitalize}footer{text-align:center;color:var(--suave);margin-top:28px;font-size:12px}@media (width<=820px){.grid{grid-template-columns:1fr}}