body{color:#222;background:#f5f5f3;margin:0;font-family:system-ui,sans-serif}header{color:#fff;background:#1f2d3d;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;display:flex}header h1{flex:1;margin:0;font-size:1.1rem}.clave{width:260px}main{max-width:1100px;margin:0 auto;padding:24px 16px}section{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:24px;padding:20px}h2{margin:0 0 16px;font-size:1.05rem}label{margin:12px 0 4px;font-size:.85rem;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #bbb;border-radius:6px;padding:8px}header input.clave{width:260px}select[size]{height:220px}button{color:#fff;font:inherit;cursor:pointer;background:#1f6feb;border:0;border-radius:6px;padding:9px 16px}button:disabled{cursor:wait;background:#999}button.secundario{color:#222;background:#e6e6e6}.fila{flex-wrap:wrap;gap:16px;display:flex}.fila>div{flex:1;min-width:180px}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:8px}th{background:#fafafa;font-weight:600}.aviso{margin-top:12px;font-size:.9rem}.error{color:#b3261e}.ok{color:#1a7f37}.lleno{color:#b3261e;font-weight:600}.clicable{cursor:pointer}.clicable:hover{background:#f0f5ff}