:root{
  --brand:#f8671a; --ink:#ffffff; --muted:#d0d0d0;
  --bg:#111111; --card:#1a1a1a; --border:#2a2a2a; --hover:#202020;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#111111 0%,#161616 100%);
}
.page{min-height:100vh;display:flex;flex-direction:column}
.wrap{flex:1;width:100%;max-width:1100px;margin:3.2rem auto;padding:0 1.2rem}

/* --- Cabecera --- */
header.site{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
header.site img{height:72px;display:block}
.brand-title{font-size:1.9rem;font-weight:900;color:var(--brand);line-height:1.1}
header.site .lead{margin:.3rem 0 0;color:var(--muted);font-size:.95rem}

/* --- Breadcrumb --- */
h1{
  margin:0 0 1rem;font-size:.95rem;font-weight:600;
  color:var(--muted);word-break:break-all;
}
h1 a{color:var(--brand);text-decoration:none}
h1 a:hover{text-decoration:underline}
h1 .sep{color:#555;margin:0 .15rem}
h1 .cur{color:var(--ink)}

/* --- Tabla --- */
#list{
  width:100%;border-collapse:separate;border-spacing:0;
  background:var(--card);border:1px solid var(--border);
  border-radius:16px;overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,.35);
}
#list thead th{
  background:#141414;border-bottom:1px solid var(--border);
  padding:.75rem 1rem;text-align:left;
  font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#8a8a8a;
}
#list thead th a{color:inherit;text-decoration:none}
#list thead th a:hover{color:var(--brand)}
#list tbody td{
  padding:.7rem 1rem;border-bottom:1px solid #222;
  font-size:.94rem;vertical-align:middle;
}
#list tbody tr:last-child td{border-bottom:none}
#list tbody tr:hover{background:var(--hover)}
#list td a{color:var(--ink);text-decoration:none;transition:color .12s ease}
#list td a:hover{color:var(--brand)}
#list td:nth-child(2),#list td:nth-child(3){
  color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.86rem;
}

/* --- Iconos por tipo --- */
#list td:first-child a{display:inline-flex;align-items:center;gap:.65rem}
#list td:first-child a::before{
  content:"";flex:0 0 16px;width:16px;height:16px;
  background-color:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;
  mask:var(--i) center/contain no-repeat;
  opacity:.85;
}
#list td:first-child a[href$="/"]{--i:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z'/%3E%3C/svg%3E");color:var(--brand)}
#list td:first-child a[href$=".iso"]{--i:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 7.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6z'/%3E%3C/svg%3E")}
#list td:first-child a[href$=".sha256sum"]{--i:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2.5L17.5 8H14V4.5zM8 13h8v1.6H8V13zm0 3.4h8V18H8v-1.6z'/%3E%3C/svg%3E");opacity:.5}

/* --- Nota y pie --- */
.note{margin:1.2rem 0 0;color:#8a8a8a;font-size:.85rem}
.note code{
  background:#0d0d0d;border:1px solid var(--border);border-radius:6px;
  padding:.15rem .45rem;font-family:Hack,"DejaVu Sans Mono",monospace;
  font-size:.82rem;color:var(--muted);
}
.site-footer{
  border-top:1px solid var(--border);padding:1.4rem 1.2rem;
  text-align:center;color:#777;font-size:.82rem;
}

@media (max-width:640px){
  .wrap{margin:2rem auto}
  header.site img{height:52px}
  .brand-title{font-size:1.45rem}
  #list td,#list thead th{padding:.6rem .7rem}
  #list td:nth-child(3),#list thead th:nth-child(3){display:none}
}