*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f2f5f9;color:#1e293b;font-size:14px}h2{margin:0 0 6px;color:#0b2440;font-size:21px}h3{margin:0 0 10px;color:#0b2440;font-size:16px}.cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.sp{flex:1}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:12px}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;background:#f1f5f9;color:#334155;padding:8px 10px;font-weight:600;white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid #eef2f6;vertical-align:middle}.sub{color:#64748b;font-size:12.5px}.hint{color:#64748b;font-size:13px;margin:4px 0 10px}.err{color:#b3261e;background:#fdecea;padding:8px 12px;border-radius:8px}.ok{color:#1e7d4f;background:#e7f5ee;padding:8px 12px;border-radius:8px}.btn{background:#1076c5;color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer;min-height:36px;font:inherit;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.gris{background:#eef2f6;color:#1e293b}.btn.rojo{color:#b3261e}.btn.sm{padding:5px 10px;min-height:32px;font-size:13px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#334155}label.chk{flex-direction:row;align-items:center;gap:8px}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;min-width:0}.dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip{display:inline-block;font-size:12px;padding:2px 8px;border-radius:12px;background:#eef2f6;color:#334155;margin-left:4px}.chip.bien{background:#e7f5ee;color:#1e7d4f}.chip.mal{background:#fdecea;color:#b3261e}.chip.gris{color:#64748b}.modal{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow:auto}.mc{background:#fff;border-radius:14px;padding:18px;width:min(620px,100%);display:flex;flex-direction:column;gap:10px}.pie{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1076c5;outline-offset:2px}@media (max-width: 700px){.dos{grid-template-columns:1fr}input,select,textarea{font-size:16px}}