/* descargas.pcfsite.com — sobre ds.css + online.css (barra, pie y tipografía comunes) */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;padding:14px 0;color:color-mix(in srgb,var(--color-text) 60%,transparent)}
.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--color-accent)}.crumbs .sep{opacity:.5}.crumbs .cur{color:var(--color-text)}
.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px}
.page-head>div{flex:1;min-width:240px}
.page-head h1{margin:4px 0 6px;font-size:clamp(30px,4vw,44px);text-transform:uppercase;line-height:1;overflow-wrap:anywhere}
.dl-sub{margin:0;font-size:14px;opacity:.8;max-width:70ch}
.dl-list{margin-bottom:8px}
.dl-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:9px 14px;color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}
.dl-row:last-child{border-bottom:0}
.dl-row:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}
.dl-row:hover .dl-name{color:var(--color-accent)}
.dl-ico{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--color-divider);color:var(--color-accent-700)}
.dl-row.file .dl-ico{color:color-mix(in srgb,var(--color-text) 60%,transparent)}
.dl-name{font-family:var(--font-heading);font-weight:600;font-size:17px;line-height:1.2;overflow-wrap:anywhere}
.dl-row.file .dl-name{font-family:var(--font-body);font-weight:500;font-size:15px}
.dl-size{font-size:13px;opacity:.65;font-feature-settings:'tnum';white-space:nowrap}
.dl-go{opacity:.4;font-size:20px;grid-column:4}
.dl-row.dir{grid-template-columns:40px minmax(0,1fr) auto}
.dl-row.dir .dl-go{grid-column:3}
.dl-row.up{grid-template-columns:40px minmax(0,1fr)}
.dl-row.up .dl-name{font-family:var(--font-body);font-weight:500;font-size:14px;opacity:.75}
.dl-btn{font-size:13px;padding:4px 10px}
.dl-error{padding:12px 14px;border:1px solid var(--color-divider);border-left:3px solid #b3261e;font-size:14px}
.cat .cat-head .cnt{margin-left:auto;font-size:12px;opacity:.6}
.toast{display:none}.toast.show{display:block}
@media (max-width:640px){
  .dl-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:9px 10px}
  .dl-row .dl-btn{display:none}
  .dl-ico{width:30px;height:30px}
}
