:root{--suelo:#15181C;--panel:#1C2026;--elevado:#242931;--linea:#313741;--tinta:#E6E8EB;--tinta2:#A7AFBA;--tenue:#8A93A0;--acento:#4FB3E8;--seleccion:#233541;--ok:#7CC9A5;--aviso:#E8D36A;--mal:#FF6B57}
*{box-sizing:border-box}html{background:var(--suelo);color:var(--tinta);font:16px/1.5 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--acento)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acento);outline-offset:2px}
.saltar{position:absolute;left:-999px;top:0;background:var(--panel);padding:.5rem 1rem}.saltar:focus{left:1rem}
header,footer{padding:1rem 1.25rem;border-bottom:1px solid var(--linea);background:var(--panel)}footer{border-top:1px solid var(--linea);border-bottom:0;color:var(--tinta2);font-size:.875rem;margin-top:auto}
header a{color:var(--tinta);text-decoration:none;font-weight:600}
main{width:100%;max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem}
h1{font-size:1.5rem;line-height:1.25;margin:0 0 1rem}
dl{display:grid;grid-template-columns:minmax(8rem,max-content) 1fr;gap:.5rem 1rem;background:var(--panel);border:1px solid var(--linea);border-radius:6px;padding:1rem;margin:0 0 1rem}
dt{color:var(--tinta2)}dd{margin:0;overflow-wrap:anywhere}
code,.mono{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-size:.9375rem}
.estado{display:inline-block;padding:.125rem .5rem;border-radius:4px;background:var(--seleccion);border:1px solid var(--linea)}
.ok{color:var(--ok)}.aviso{color:var(--aviso)}
p{margin:0 0 1rem;color:var(--tinta)}.nota{color:var(--tinta2);font-size:.9375rem}
.buscar{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--linea)}.buscar label{display:block;margin-bottom:.5rem;color:var(--tinta2)}
.fila{display:flex;gap:.5rem;flex-wrap:wrap}
input{flex:1 1 12rem;min-height:44px;padding:.5rem .75rem;background:var(--elevado);color:var(--tinta);border:1px solid var(--linea);border-radius:4px;font:inherit;text-transform:uppercase}
button{min-height:44px;min-width:44px;padding:.5rem 1rem;background:var(--acento);color:#0B1A24;border:0;border-radius:4px;font:inherit;font-weight:600;cursor:pointer}
@media (max-width:30rem){dl{grid-template-columns:1fr}dt{margin-top:.25rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}