/* Arena Tabelas — resumo da tabela na lateral dos posts e no shortcode [arena-tabela].
   Arquivo pequeno e separado da pagina da tabela (so isto carrega nos posts). */
.at-lateral, .at-no-texto{ --petroleo:#125063; --verde:#2ea086; --link:#1d7071; --tinta:#1b2226; --suave:#5d6b71; --apagado:#66747a;
  --linha:#e3e9eb; --claro:#eef3f4; --ok:#2e9d5b; --fora:#c0392b; font-family:Cairo, sans-serif; color:var(--tinta); }
.at-lateral{ width:100%; float:left; margin:0 0 18px; }
.at-no-texto{ display:block; max-width:420px; margin:22px 0; }
.at-mini{ border:1px solid var(--linha); border-radius:6px; overflow:hidden; background:#fff; }
.at-mini *{ box-sizing:border-box; }

/* topo: faixa em degrade do site, logo numa caixinha branca e o nome */
.at-mini-cab{ display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none;
              background:linear-gradient(to right,#125063 0,#2ea086 100%); color:#fff; }
.at-mini-cab:hover{ text-decoration:none; filter:brightness(1.06); }
.at-mini-logo{ flex:0 0 auto; width:42px; height:42px; border-radius:6px; background:#fff; display:grid; place-items:center; padding:4px; }
.at-mini-logo img{ display:block; width:100%; height:100%; object-fit:contain; }
.at-mini-nome{ min-width:0; display:flex; flex-direction:column; line-height:1.2; }
.at-mini-nome b{ font-size:17px; font-weight:700; color:#fff; }
.at-mini-nome small{ margin-top:3px; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.82); }

/* classificacao */
.at-mini-tab{ width:100%; border-collapse:collapse; border-spacing:0; margin:0; font-size:15px; }
.at-mini-tab thead th{ padding:8px 6px 6px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--apagado);
                       text-align:center; border-bottom:1px solid var(--linha); background:none; }
.at-mini-tab thead th.t{ text-align:left; }
.at-mini-tab tbody tr{ border-top:1px solid var(--linha); }
.at-mini-tab tbody tr:first-child{ border-top:0; }
.at-mini-tab td, .at-mini-tab th.time{ height:40px; padding:0 6px; vertical-align:middle; text-align:center; color:var(--suave); font-weight:400; }
.at-mini-tab td.pos{ width:34px; position:relative; font-weight:700; }
.at-mini-tab td.forte{ font-weight:700; color:var(--tinta); white-space:nowrap; }
.at-mini-tab th.time{ text-align:left; }
.at-mini-tab th.time div{ display:flex; align-items:center; gap:8px; min-width:0; }
.at-mini-tab th.time span{ font-weight:700; color:var(--tinta); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-lateral .at-escudo, .at-no-texto .at-escudo{ width:22px; height:22px; object-fit:contain; flex:0 0 auto; }
.at-lateral .at-ini, .at-no-texto .at-ini{ border-radius:50%; background:var(--claro); color:var(--apagado); font-size:10px; font-weight:700;
                                           display:inline-grid; place-items:center; flex:0 0 auto; }

/* barra do lado do numero: classificado / eliminado e, no suico, a situacao (mesmas cores da tabela) */
.at-mini-tab tr.ok td.pos::before, .at-mini-tab tr.fora td.pos::before, .at-mini-tab tr[class*="st-"] td.pos::before{
  content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:2px; }
.at-mini-tab tr.ok td.pos::before{ background:var(--ok); }
.at-mini-tab tr.fora td.pos::before{ background:var(--fora); }
.at-mini-tab tr.st-avanca0 td.pos::before{ background:#2f7fc1; }
.at-mini-tab tr.st-avanca td.pos::before{ background:#2e9d5b; }
.at-mini-tab tr.st-avancax td.pos::before{ background:#16705a; }
.at-mini-tab tr.st-repv td.pos::before{ background:#8aab3c; }
.at-mini-tab tr.st-rep td.pos::before{ background:#d29b0c; }
.at-mini-tab tr.st-rep2 td.pos::before{ background:#6b8e2f; }
.at-mini-tab tr.st-rep3 td.pos::before{ background:#7d62c4; }
.at-mini-tab tr.st-fora td.pos::before{ background:var(--fora); }
.at-mini-tab tr.st-jogo td.pos::before{ display:none; }

/* playoffs: jogos da rodada atual */
.at-mini-rod{ margin:0; padding:9px 12px 4px; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado); }
.at-mini-jogos{ padding:4px 12px 6px; }
.at-mini-jogo{ border:1px solid var(--linha); border-radius:5px; margin:0 0 8px; overflow:hidden; }
.at-mini-ln{ display:flex; align-items:center; gap:8px; height:34px; padding:0 10px; font-size:14.5px; }
.at-mini-ln + .at-mini-ln{ border-top:1px solid var(--linha); }
.at-mini-ln .nm{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--suave); }
.at-mini-ln .nm.vazio{ font-style:italic; color:var(--apagado); }
.at-mini-ln .pl{ font-weight:700; color:var(--suave); }
.at-mini-ln.venceu .nm, .at-mini-ln.venceu .pl{ font-weight:700; color:var(--tinta); }
.at-mini-ln.venceu{ background:#f2faf5; }

/* link para a tabela completa */
.at-mini-mais{ display:flex; justify-content:flex-end; align-items:center; gap:6px; padding:9px 12px; border-top:1px solid var(--linha);
               font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--link); text-decoration:none; }
.at-mini-mais:hover{ background:var(--claro); text-decoration:none; }
.at-mini-mais span{ transition:transform .15s ease; }
.at-mini-mais:hover span{ transform:translateX(3px); }

/* leitor troca de campeonato (os outros ja vem na pagina, a troca e na hora) */
.at-lat-trocar{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; font-size:13px; color:var(--suave); }
.at-lat-trocar span{ font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:11.5px; }
.at-lat-trocar select{ flex:1; min-width:0; max-width:200px; height:32px; padding:0 8px; border:1px solid var(--linha); border-radius:5px;
                       background:#fff; font:inherit; font-size:14px; color:var(--tinta); cursor:pointer; }
.at-lateral [hidden]{ display:none; }