:root{--fondo:#f6f6f9;--panel:#fff;--borde:#e3e3ec;--texto:#11113a;--suave:#5a5a77;--acento:#11113a}@media (prefers-color-scheme:dark){:root{--fondo:#0b0b1e;--panel:#15152f;--borde:#26264a;--texto:#ececf5;--suave:#9a9ab8;--acento:#c9c9ff}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;padding:4rem 1.5rem;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.envoltorio{max-width:46rem;margin:0 auto}.cabecera{margin-bottom:2.5rem}.cabecera h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.6rem}.cabecera p{color:var(--suave);margin:0}.lista{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);color:inherit;border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.tarjeta:hover{border-color:var(--acento);transform:translateY(-1px)}.tarjeta:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.ruta{color:var(--suave);font:.8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.titulo{margin:.45rem 0 .3rem;font-size:1.05rem;font-weight:600}.desc{color:var(--suave);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.vacio{color:var(--suave);font-style:italic}