/* ==== Agentes libres (/players/free-agents · /es/jugadores/agentes-libres): «plantilla de libres» ====
   Cabecera común de listas (.lt-head, .lt-end, .lt-faq… en listas.css); aquí lo propio con prefijo
   fa-. Componentes compartidos (.score, .chip, .posb, .ovr, .sh, .lbl, .num-hi/.num-lo) en app.css.
   Color por línea: data-line en .fa-g / .posb / .chip define --pos-c y --pos-c-dim (app.css). */
.fa .crumbs{padding:var(--s4) 0 0}
.fa .crumbs [aria-current]{color:var(--text-2)}
.fa [hidden]{display:none}

/* ---- el mejor libre de cada posición ---- */
.fa-best{padding-top:var(--s2)}
.fa-best .sh .sub{margin-left:auto;color:var(--text-3)}
.fa-bl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--s3)}
.fa-bc{display:flex;flex-direction:column;align-items:center;gap:var(--s2);height:100%;padding:var(--s4) var(--s2);border:1px solid var(--border);border-radius:var(--rad-3);text-align:center;color:var(--text)}
.fa-bc:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}
.fa-bc:hover .fa-bn{color:var(--accent-ink)}
.fa-bc .fa-av{width:52px;height:52px}
.fa-bn{max-width:100%;font-size:var(--fs-1);font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.fa-bv{display:flex;align-items:center;gap:var(--s2);margin-top:auto}
.fa-bv small{font-size:var(--fs-1);color:var(--text-3);white-space:nowrap}

/* ---- avatar: foto o inicial ---- */
.fa-av{flex:none;display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top center;background:var(--surface-2)}
.fa-ini{display:flex;align-items:center;justify-content:center;font-size:var(--fs-3);font-weight:800;color:var(--text-2)}

/* ---- filtros: línea (con recuento) · edad · orden ---- */
.fa-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--border)}
.fa-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.fa-chips .chip[data-line]:not([aria-pressed="true"]) b{color:var(--pos-c)}
.fa-short{display:none}
.fa-sep{flex:none;width:1px;height:24px;margin:0 var(--s1);background:var(--border-strong)}
.fa-sort{position:relative;margin-left:auto}
.fa-sort>summary{list-style:none;cursor:pointer}
.fa-sort>summary::-webkit-details-marker{display:none}
.fa-sort>summary::after{content:"▾";color:var(--text-3)}
.fa-sort>div{position:absolute;top:calc(100% + var(--s2));right:0;z-index:5;display:flex;flex-direction:column;min-width:200px;padding:var(--s2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--rad-2);box-shadow:var(--shadow-2)}
.fa-sort button{appearance:none;display:flex;align-items:center;min-height:var(--ctl);padding:0 var(--s3);border:0;border-radius:var(--rad-1);background:none;font:inherit;font-size:var(--fs-2);color:var(--text-2);text-align:left;cursor:pointer}
.fa-sort button:hover,.fa-sort button[aria-pressed="true"]{background:var(--surface-2);color:var(--text)}

/* ---- tabla agrupada por línea: filetes, la media es la única cifra con fondo ---- */
.fa-t{--fa-cols:minmax(0,1fr) 48px 44px 40px 52px repeat(6,38px) 84px;margin-top:var(--s3);display:flex;flex-direction:column}
.fa-r{position:relative;display:grid;grid-template-columns:var(--fa-cols);gap:var(--s3);align-items:center;min-height:56px;border-bottom:1px solid var(--border);font-size:var(--fs-2);color:var(--text)}
.fa-r:not(.fa-h):hover{background:var(--surface-2)}
.fa-h{min-height:40px;border-bottom-color:var(--border-strong)}
.fa-h .lbl:first-child{padding-left:var(--s3)}
.fa-h .r{text-align:right}
.fa-h .c{text-align:center}
.fa-gh{display:grid;grid-template-columns:var(--fa-cols);gap:var(--s3);align-items:center;min-height:44px;border-bottom:1px solid var(--border);background:var(--pos-c-dim)}
.fa-gn{grid-column:1/-1;display:flex;align-items:center;gap:var(--s3);padding-left:var(--s3);font-size:var(--fs-lbl);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pos-c)}
.fa-gn i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pos-c)}
.fa-gn .n{color:var(--text-3);font-weight:600}
.fa-g[data-line=gk] .fa-gn{grid-column:1/6}
.fa-ghs{justify-self:end;font-size:var(--fs-lbl);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.fa-p{display:flex;align-items:center;gap:var(--s3);min-width:0;padding-left:var(--s3)}
.fa-id{display:flex;align-items:center;gap:var(--s3);min-width:0}
.fa-nm{min-width:0;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fa-nm::after{content:"";position:absolute;inset:0}
.fa-r:hover .fa-nm{color:var(--accent-ink)}
.fa-meta{display:flex;align-items:center;gap:var(--s2);flex:none}
.fa-meta .mc-flag{border-radius:2px}
.fa-pos{display:flex;gap:var(--s1)}
.fa-mob{display:none}
.fa-age{text-align:right;color:var(--text-2)}
.fa-o{display:flex;justify-content:center}
.fa-pt{text-align:right;font-weight:700}
.fa-mg{text-align:right;font-size:var(--fs-1);font-weight:600;color:var(--r5t)}
.fa-st{text-align:right}
.fa-v{text-align:right;color:var(--text-2);white-space:nowrap}
.fa-age,.fa-pt,.fa-mg,.fa-st,.fa-v{font-variant-numeric:tabular-nums}
.fa-empty{margin:0;padding:var(--s5) 0;font-size:var(--fs-2);color:var(--text-3)}
.fa-note{margin:var(--s3) 0 0;max-width:80ch;font-size:var(--fs-1);line-height:1.5;color:var(--text-3)}
.fa .lt-end{padding-bottom:var(--s7)}

@media (max-width:1180px){
  .fa-sep{display:none}
}
@media (max-width:1100px){
  .fa-bl{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s1)}
  .fa-bl::-webkit-scrollbar{display:none}
  .fa-bl>li{flex:0 0 112px}
}
@media (max-width:1000px){
  .fa-t{--fa-cols:minmax(0,1fr) 48px 44px 40px 52px 84px}
  .fa-st,.fa-cs,.fa-ghs{display:none}
  .fa-g[data-line=gk] .fa-gn{grid-column:1/-1}
}
@media (max-width:768px){
  .fa-s-ovr{display:none}
  .fa-best .sh .sub{display:none}
  .fa-bl{margin:0 calc(-1 * var(--s4));padding:0 var(--s4) var(--s1)}
  .fa-bl>li{flex-basis:104px}
  .fa-bc{padding:var(--s3) var(--s1)}
  .fa-bc .fa-av{width:44px;height:44px}
  .fa-bv small{display:none}
  .fa-bar{margin-top:var(--s5);border-top:0;padding-top:0}
  .fa-bar>.fa-chips:first-child{flex-wrap:nowrap;width:calc(100% + 2 * var(--s4));margin:0 calc(-1 * var(--s4));padding:0 var(--s4);overflow-x:auto;scrollbar-width:none}
  .fa-bar>.fa-chips:first-child::-webkit-scrollbar{display:none}
  .fa-chips .chip{padding:0 var(--s3)}
  .fa-chips [data-fa-age=mid]{display:none}
  .fa-long{display:none}
  .fa-short{display:inline}
  /* filas de 64 px: foto, nombre, posición + bandera + edad · valor, y media + potencial */
  .fa-t{--fa-cols:minmax(0,1fr) auto 28px}
  .fa-h{display:none}
  .fa-gh{grid-template-columns:minmax(0,1fr);min-height:40px;margin-top:var(--s3);padding:0 var(--s3);border-radius:var(--rad-1) var(--rad-1) 0 0}
  .fa-gn,.fa-g[data-line=gk] .fa-gn{grid-column:1/-1;padding-left:0}
  .fa-gn .n{margin-left:auto}
  .fa-r{min-height:64px;gap:var(--s2)}
  .fa-p{padding-left:0}
  .fa-av{width:40px;height:40px}
  .fa-id{flex:1;flex-direction:column;align-items:flex-start;gap:var(--s1)}
  .fa-nm{max-width:100%}
  .fa-meta{min-width:0;max-width:100%;gap:var(--s2);font-size:var(--fs-1);color:var(--text-3)}
  .fa-pos{order:-1}
  .fa-pos .posb{height:20px;min-width:0;padding:0 var(--s2);font-size:var(--fs-lbl)}
  .fa-pos .posb:not(:first-child){display:none}
  .fa-mob{display:inline;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fa-age,.fa-mg,.fa-st,.fa-v,.fa-ghs{display:none}
  .fa-pt{font-size:var(--fs-3)}
}