:root{--bg:#eef2f5;--card:#fff;--ink:#16252e;--mute:#5d707c;--line:#d6dee4;--mar:#0b4f6c;--mar2:#093d54}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Segoe UI",system-ui,sans-serif}
.top{background:var(--mar);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1.5rem}
.top a{color:#fff;text-decoration:none}
.marca{font-size:1.15rem;font-weight:700}.marca span{font-weight:400;opacity:.8}
nav{display:flex;flex-wrap:wrap;gap:1rem;margin-left:auto;align-items:center}
nav a:hover{text-decoration:underline}.yo{opacity:.7}
main{max-width:1100px;margin:1.5rem auto;padding:0 1rem}
h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .8rem}
.caja{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1.2rem;margin-bottom:1.2rem}
.angosta{max-width:380px;margin:3rem auto}
label{display:block;font-weight:600;margin-bottom:.9rem}
input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.55rem;border:1px solid var(--line);border-radius:4px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--mar);outline-offset:1px}
.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 1rem}
button,.btn{background:var(--mar);color:#fff;border:0;border-radius:4px;padding:.55rem 1.1rem;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{background:var(--mar2)}
button.link{background:none;color:var(--mar);padding:0;text-decoration:underline}
.barra{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.barra h1{margin:0}
.aviso{background:#e1f1e8;border:1px solid #9bcdb0;padding:.7rem 1rem;border-radius:4px;margin-bottom:1rem}
.error{background:#fbe5e3;border:1px solid #e3a49e;padding:.6rem .8rem;border-radius:4px}
.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.filtros a{padding:.3rem .8rem;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);text-decoration:none}
.filtros a.on{background:var(--mar);color:#fff;border-color:var(--mar)}
.tabla-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:6px;margin-bottom:1.2rem}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f6f9fb;font-size:.85rem;color:var(--mute)}
.vacio{text-align:center;color:var(--mute);padding:2rem}.inactivo{opacity:.5}
.acc{display:flex;gap:.8rem}.acc form{margin:0}
.est{padding:.15rem .6rem;border-radius:99px;font-size:.85rem;font-weight:600;white-space:nowrap}
.est-activo{background:#dbeafe;color:#1e40af}.est-en_proceso{background:#fef3c7;color:#92400e}
.est-terminado{background:#dcfce7;color:#166534}.est-suspendido{background:#e5e7eb;color:#374151}
.pri-alta{color:#b42318;font-weight:700}.pri-media{color:#92400e}.pri-baja{color:var(--mute)}
.datos{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1.2rem;margin:0 0 1rem}
.datos dt{color:var(--mute)}.datos dd{margin:0}.desc{margin:0;padding-top:1rem;border-top:1px solid var(--line)}
.hist{list-style:none;padding:0;margin:0}.hist li{padding:.5rem 0;border-bottom:1px solid var(--line)}
a{color:var(--mar)}