:root{--agu-oro-1:#FDE68A;--agu-oro-2:#E0A526;--agu-oro-3:#8A5A0B;--agu-plata-1:#F1F5F9;--agu-plata-2:#A8B3C2;--agu-plata-3:#5B6575;--agu-bronce-1:#E7B98A;--agu-bronce-2:#B8743E;--agu-bronce-3:#7A4520}
/* Uso de la red de agentes (web/agentes-uso.js): panel «Lo que más se usa» y sección «Lo que más usa» de la ficha.
   Reúsa .chips, .srv-h, .agf-h, .agf-proy y .cnt; aquí solo lo propio. Texto ≥ 14 px, toques ≥ 44 px.
   Anchos (--w) y colores (--c) por CSSOM. */
.agu{margin:0 0 28px}
.agu-head{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:24px 0 12px}
.agu-head .srv-h,.agu-head .agf-h{margin:0}
.agu-vent{margin:0}
.agu-vent button{min-height:44px}
.agu-kpis{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.agu-kpis li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  background:linear-gradient(135deg,var(--ag-noche-2),var(--ag-noche));color:var(--ag-crema);border-radius:18px;padding:14px 16px;min-width:0}
.agu-kpis .agu-ico{grid-row:1/3;width:40px;height:40px;color:var(--ag-cielo)}
.agu-kpis b{font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.agu-kpis span:not(.agu-ico){font-size:.875rem;color:rgba(244,241,234,.78)}
.agu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.agu-grid.ficha{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.agu-card{background:var(--tarjeta);border-radius:20px;padding:16px 18px;box-shadow:0 1px 2px rgba(var(--sombra-rgb),.06);min-width:0;display:flex;flex-direction:column;gap:10px}
.agu-ficha .agu-card{background:var(--papel)}
.agu-card h3{display:flex;align-items:center;gap:10px;font-size:1.0625rem;margin:0}
.agu-card h3 .cnt{margin-left:auto}
.agu-ico{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;flex:none}
.agu-ico svg{width:72%;height:72%}
.agu-ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.agu-ico.con-img svg{visibility:hidden}
.agu-rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.agu-rank li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto 8px;column-gap:10px;row-gap:4px;align-items:center}
.agu-pos{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.875rem;font-weight:800;background:var(--papel-2);color:var(--tinta-2)}
.agu-pos.p1,.agu-pos.p2,.agu-pos.p3{color:var(--blanco);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 -2px 4px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.55)}
.agu-pos.p1{background:radial-gradient(circle at 35% 30%,var(--agu-oro-1),var(--agu-oro-2) 60%,var(--agu-oro-3))}
.agu-pos.p2{background:radial-gradient(circle at 35% 30%,var(--agu-plata-1),var(--agu-plata-2) 60%,var(--agu-plata-3))}
.agu-pos.p3{background:radial-gradient(circle at 35% 30%,var(--agu-bronce-1),var(--agu-bronce-2) 60%,var(--agu-bronce-3))}
.agu-nom{min-width:0;font-weight:600;font-size:.9375rem;overflow-wrap:anywhere;line-height:1.3}
.agu-nom small{font-weight:400;font-size:.875rem;color:var(--tinta-2)}
.agu-link+small{display:block}
.agu-n{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9375rem;color:var(--tinta)}
.agu-barra{grid-column:2/4;height:8px;border-radius:999px;background:var(--papel-2);overflow:hidden}
.agu-ficha .agu-barra{background:var(--tarjeta)}
.agu-barra i{display:block;height:100%;width:var(--w,0);border-radius:inherit;background:linear-gradient(90deg,var(--c),var(--c));
  transform-origin:left;animation:agu-crece .7s cubic-bezier(.2,.8,.2,1) both}
.agu-rank li[data-c] .agu-barra i{background:var(--c)}
@keyframes agu-crece{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.agu-link{background:none;border:0;padding:0;min-height:44px;font:inherit;font-weight:600;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--linea);text-underline-offset:3px;text-align:left}
.agu-link:hover{text-decoration-color:currentColor}
.agu-vacio{margin:0;font-size:.9375rem;color:var(--tinta-2);background:var(--papel);border-radius:12px;padding:10px 14px}
.agu-card .agu-vacio{background:transparent;padding:0}
.agu-nota{margin:0;font-size:.875rem;color:var(--tinta-2)}
.agu-sin{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.agu-sin li{font-size:.875rem;padding:4px 10px;border-radius:999px;background:var(--warn-suave);color:var(--warn-tinta);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.agu-mas summary{min-height:44px;display:flex;align-items:center;font-weight:600;font-size:.9375rem;cursor:pointer;color:var(--tinta)}
.agu-mas .agu-sin{margin-top:4px}
.agu-fuente{margin:10px 0 0;font-size:.875rem;color:var(--tinta-2)}
.agu-ficha{margin:0 0 16px}
.agu-ficha .agu-head{margin:0 0 10px}
.agu-h4{font-size:.9375rem;margin:14px 0 8px}
@media (max-width:640px){
  .agu-grid,.agu-grid.ficha{grid-template-columns:1fr}
  .agu-kpis{grid-template-columns:1fr 1fr}
  .agu-kpis li{grid-template-columns:1fr;grid-template-rows:auto;row-gap:4px;padding:12px}
  .agu-kpis .agu-ico{grid-row:auto;width:32px;height:32px}
  .agu-kpis b{font-size:1.25rem}
  .agu-ficha .agu-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .agu-ficha .agu-kpis li{padding:10px}
}
@media (prefers-reduced-motion:reduce){.agu-barra i{animation:none}}