/* Líderes: filtros globales, índice de grupos y tableros por métrica. */
.comp-quick{display:flex;flex-direction:column;gap:4px;max-width:320px;margin:0 0 12px}
.filters-toggle{display:none;margin-bottom:10px}
.leader-filters{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.lf-row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:end}
.lf-row .field{min-width:120px}
.lf-row select{min-width:120px}
.lf-min input{width:130px}
.leaders-summary{color:var(--muted);font-size:var(--fs-sm);margin:14px 0 10px}
.group-nav{position:sticky;top:64px;z-index:20;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:0 0 6px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.group-nav a{flex:0 0 auto;font-size:var(--fs-sm);font-weight:600;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px}
.group-nav a:hover{color:var(--ink);background:var(--surface-2)}
.group-section{padding-top:28px;scroll-margin-top:120px}
.group-section>h2{margin-bottom:14px}
.boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 10px;display:flex;flex-direction:column;min-width:0}
.board.is-empty{background:transparent;border-style:dashed}
.board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}
.board-head h3{font-size:var(--fs-md);font-weight:700;line-height:1.3}
.board-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;flex-shrink:0}
.board-tags span{font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}
.board-tags .less{border-color:var(--warn-line);color:var(--warn-ink);background:var(--warn-bg)}
.board-body{flex:1}
.board-list{list-style:none;margin:0;padding:0}
.board-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line)}
.board-list li:first-child{border-top:0}
.rank{grid-row:1/3;font-weight:700;color:var(--muted);font-size:var(--fs-sm);text-align:right}
.who{min-width:0;display:grid}
.who a{color:var(--ink);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who a:hover{text-decoration:underline}
.club{font-size:var(--fs-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.val{font-weight:700;text-align:right}
.bar{grid-column:2/4;height:4px;background:var(--surface-2);border-radius:4px;margin-top:5px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.board-list li.first .who a{font-size:var(--fs-lg);font-stretch:112%;font-weight:800}
.board-list li.first .val{font-size:var(--fs-lg)}
.board-list li.first .rank{color:var(--accent-ink)}
.board-empty,.board-loading{color:var(--muted);font-size:var(--fs-sm);margin:6px 0}
.board-note{font-size:var(--fs-xs);color:var(--warn-ink);margin:0 0 6px}
.board-foot{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;margin-top:6px;min-height:28px}
.board-foot .btn-quiet{padding-left:0}
.board-order{font-size:var(--fs-xs);color:var(--muted);margin-left:auto}
@media (max-width:700px){
  .filters-toggle{display:inline-flex}
  .leader-filters{display:none}
  .leader-filters.open{display:grid}
  .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .lf-row .field{min-width:0}
  .lf-row select{min-width:0}
  .lf-row .field:has(.segmented){grid-column:1/-1}
  .lf-min input{width:100%}
  .group-nav{top:58px}
  .boards{grid-template-columns:1fr}
}

/* Más aire y protagonismo para el primero (12-10-2026) */
.board{padding:16px 18px 12px;border-radius:16px;transition:border-color .15s,box-shadow .15s}
.board:hover{border-color:var(--line-strong);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.board-list li.first{padding:10px 0 12px}
.board-list li.first .val{font-size:26px;font-weight:800;line-height:1;color:var(--accent-ink)}
.board-list li.first .rank{color:var(--accent-ink);font-weight:800}
.board-loading{position:relative;height:150px;color:transparent;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:ga-shimmer 1.2s linear infinite}
@keyframes ga-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.board-loading{animation:none}}

.board-help{position:relative;margin-left:auto}
.board-help summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);font-size:var(--fs-xs);font-weight:700;color:var(--muted)}
.board-help summary::-webkit-details-marker{display:none}
.board-help[open] summary{border-color:var(--accent);color:var(--accent-ink)}
.board-help p{position:absolute;right:0;top:28px;z-index:5;width:min(300px,80vw);margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:var(--fs-sm);line-height:1.45;color:var(--ink)}
.board.is-target{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.quick-answer .boards{grid-template-columns:minmax(0,560px)}
.quick-answer{scroll-margin-top:80px}