/* OddsIQ V2 · Campeões e Artilheiros (v2_futures.js). Modelo da produção (dono 22/10 ~00h55): o campeonato é um grupo
   .mk/.mk-h do v2.css (brasão, nome, seta); os mercados são chips .abp; as seleções seguem o componente de MUITAS
   seleções do Clássico (.srt-g n2 do "Marcador"): nome e, LOGO ao lado, a odd de 84 px — sem vão no meio. A largura
   do nome é a do maior nome do mercado (max-content), então as odds ficam alinhadas numa coluna colada aos nomes.
   2 colunas a partir de 700 px, 1 no celular. Prefixo .fu-. */

.fu-mk .mk-h{cursor:pointer}
.fu-mk .mk-h .bra{margin-left:2px}
@media (hover:hover){.fu-mk .mk-h:hover{background:var(--veu-lin)}}
.fu-abp{border-bottom:0;padding:2px 4px 8px}
.fu-abp button{height:32px;font-size:13.5px}

/* lista: [nome | odd] em 1 coluna; [nome | odd] · espaço · [nome | odd] em 2 */
.fu-ls{display:grid;grid-template-columns:minmax(0,max-content) 84px;column-gap:16px;padding:0 4px}
.fu-op{grid-column:1/span 2;display:grid;grid-template-columns:subgrid;align-items:center;min-height:46px;padding:4px 0 4px 8px;border-bottom:1px solid var(--fil2);text-align:left;font-size:14px;color:var(--opc);border-radius:0}
.fu-op .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fu-op .v{display:grid;place-items:center;height:38px;border-radius:6px;background:var(--veu);color:var(--preco);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (hover:hover){.fu-op:not(.sus):hover{background:var(--veu-lin)}.fu-op:not(.sus):hover .v{background:var(--veu2)}}
.fu-op[aria-pressed="true"]{color:var(--ink)}
.fu-op[aria-pressed="true"] .v{background:var(--preco-on);color:var(--preco-on-ink)}
.fu-op.sus{color:var(--opc-sus)}
.fu-op.sus .v{background:var(--veu-sus)}
.fu-op.sus .v::after{content:"";width:14px;height:14px;background:var(--opc-sus);-webkit-mask:var(--cad) center/14px no-repeat;mask:var(--cad) center/14px no-repeat}
.fu-ls:not([data-tudo]) .fu-x{display:none}
@media (min-width:700px){
  .fu-ls{grid-template-columns:minmax(0,max-content) 84px 32px minmax(0,max-content) 84px}
  .fu-op:nth-child(even){grid-column:4/span 2}
}
.fu-mais{margin-top:2px}
.fu-todos{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 4px;font-size:13.5px;font-weight:700;color:var(--acc)}
.fu-todos .ic svg{width:16px;height:16px}
.fu-gs{border-top:1px solid var(--fil)}
.fu-emb{padding-top:4px}
.fu .es-abas{margin-bottom:0}

/* home: "Quem leva o título?" — os mesmos grupos; 2 lado a lado em tela larga */
.fu-hg{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px;border-top:0}
.fu-hg .fu-mk{border-top:1px solid var(--fil);border-bottom:0}
@media (min-width:1600px){.fu-hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Cabeçalho da página Campeões e Artilheiros centralizado no miolo (dono 22/10 ~01h10).
   As abas seguem com a linha de ponta a ponta; o margin auto nas pontas centraliza sem
   cortar a primeira aba quando elas transbordam no celular (justify-content:center cortaria). */
.fu>.es-lcab{justify-content:center;text-align:center}
.fu>.es-lcab .es-ltx{flex:0 1 auto;justify-items:center}
.fu>.es-lcab .es-lm{justify-content:center}
.fu-esps>.aba:first-child{margin-left:auto}
.fu-esps>.aba:last-child{margin-right:auto}
/* foto do jogador no artilheiro/MVP (dono 22/10 ~05h40) */
.fu-op .fu-nj{display:flex;align-items:center;gap:8px}
.fu-nt{display:grid;min-width:0}
.fu-nt>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}