/* Arena Tabelas — pagina publica. Tudo dentro de .at (o tema zera margens com *{margin:0;padding:0}). */
.at{ --petroleo:#125063; --verde:#2ea086; --link:#1d7071; --tinta:#1b2226; --suave:#5d6b71; --apagado:#66747a;
     --linha:#e3e9eb; --claro:#f5f8f8; --ok:#2e9a6a; --fora:#c2433a; --ouro:#c9a86a;
     display:block; width:100%; float:left; color:var(--tinta); font-size:16px; line-height:1.5; margin-bottom:30px; }
.at *{ box-sizing:border-box; }
.at [hidden]{ display:none !important; }
.at a{ color:var(--link); }
.at-oculto{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* trilha */
.at-trilha{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:14px; color:var(--suave); margin:0 0 12px; }
.at-trilha a{ color:var(--link); }
.at-trilha span[aria-current]{ color:var(--suave); }

/* cabecalho: a cor vem da classe titulo-{categoria} do tema; sem ela, degradê do Arena */
.at-cab{ display:flex; align-items:center; gap:20px; padding:22px 26px; border-radius:6px; color:#fff; }
.at-cab:not([class*="titulo-"]){ background:linear-gradient(90deg,#125063,#2ea086); }
.at-cab.at-claro{ color:#111; }
.at-cab h1{ margin:2px 0 8px; font-size:30px; line-height:1.15; color:inherit; text-align:left; }
/* fundo branco: logo de qualquer cor aparece bem, mesmo no topo escuro do LoL */
.at-cab .at-logo{ width:84px; height:84px; flex:0 0 auto; border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.18); display:grid; place-items:center; overflow:hidden; }
.at-cab .at-logo img{ max-width:72px; max-height:72px; width:auto; height:auto; object-fit:contain; }
/* o tema pinta todo <p> de cinza-escuro: aqui a cor e forcada para ler bem sobre o fundo do jogo */
.at .at-cab .at-jogo-nome{ margin:0; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.82) !important; }
.at .at-cab.at-claro .at-jogo-nome{ color:rgba(0,0,0,.7) !important; }
.at-cab .at-meta{ display:flex; flex-wrap:wrap; gap:4px 18px; font-size:14.5px; opacity:.95; }
.at-cab .at-meta a{ color:inherit; text-decoration:underline; }
.at-cab .at-meta span{ display:inline-flex; align-items:center; gap:6px; }
.at-cab .at-meta svg{ width:15px; height:15px; flex:0 0 auto; fill:currentColor; opacity:.8; }
.at-cab .at-status{ background:rgba(0,0,0,.25); padding:0 8px; border-radius:3px; font-weight:700; }
@media (max-width:600px){
  .at-cab{ flex-direction:column; align-items:flex-start; padding:18px; }
  .at-cab h1{ font-size:24px; }
  .at-cab .at-logo{ width:64px; height:64px; }
  .at-cab .at-logo img{ max-width:54px; max-height:54px; }
}
.at-atualizado{ margin:8px 0 0; font-size:14px; color:var(--suave); }
.at-vazio{ margin:24px 0; padding:16px; background:var(--claro); border-radius:6px; }

/* abas (fases e rodadas) */
.at-abas{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.at-abas-fase{ margin-top:24px; }
.at-abas button{ border:1px solid var(--linha); background:#fff; color:var(--suave); border-radius:4px; padding:6px 12px;
                 font:inherit; font-size:13px; font-weight:700; cursor:pointer; min-width:36px;
                 transition:background-color .16s ease, color .16s ease, border-color .16s ease; }
.at-abas button:hover{ border-color:var(--verde); color:var(--link); }
.at-abas button.on{ background:var(--petroleo); border-color:var(--petroleo); color:#fff; }
.at-abas button:focus-visible{ outline:2px solid var(--verde); outline-offset:2px; }

/* abertura e situacao atual (texto automatico) */
.at-intro{ margin:18px 0 0; font-size:16.5px; line-height:1.65; max-width:900px; }
.at-intro p{ margin:0 0 10px; }
.at-situacao{ margin:12px 0 0; padding:12px 16px; background:var(--claro); border-radius:6px; font-size:15.5px; line-height:1.6; max-width:900px; }

/* cabecalho de cada fase */
.at-fase{ margin-top:38px; }
.at-fase-cab{ margin:0 0 20px; padding:14px 18px 14px 20px; border-left:4px solid var(--verde); border-radius:0 6px 6px 0;
              background:linear-gradient(90deg,#eaf4f2 0%,rgba(234,244,242,0) 85%); }
.at-fase-num{ display:block; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--verde); }
.at-fase-t{ margin:2px 0 4px; font-size:25px; line-height:1.2; color:var(--petroleo); }
/* repescagem / mini-grupo: logo abaixo da fase anterior, cabecalho menor */
.at-fase.at-fase-anexa{ margin-top:26px; }
.at-fase-anexa .at-fase-cab{ padding:10px 16px; border-left-color:#9fcfb8; }
.at-fase-anexa .at-fase-t{ font-size:20px; }
.at-fase-desc{ margin:0; font-size:15px; line-height:1.55; color:var(--suave); max-width:880px; }

/* perguntas frequentes */
/* "Saiba mais sobre ...": barra em degrade do site e as perguntas todas juntas, num texto corrido, com respostas em listas */
.at-faq{ margin-top:38px; }
/* todas as perguntas num bloco so, com o filete verde do lado e o fundo claro em degrade */
.at-faq-corpo{ padding:18px 20px 18px 18px; border-left:3px solid var(--verde, #2ea086); border-radius:0 4px 4px 0;
               background:linear-gradient(to right, #f3f8f8, rgba(243,248,248,0) 70%); }
.at-faq-corpo > *{ max-width:900px; }
/* tamanhos fixos (o tema aumenta p e li): perguntas e respostas menores que o titulo da barra (17px) */
.at .at-faq h3{ margin:24px 0 6px; font-size:20px; line-height:1.35; font-weight:700; color:var(--petroleo); }
.at .at-faq h3:first-child{ margin-top:4px; }
.at-faq-r, .at .at-faq-r p, .at .at-faq-r li{ font-size:16px; line-height:1.65; color:var(--tinta); }
.at .at-faq-r p{ margin:0 0 6px; }
.at .at-faq-r h4{ margin:12px 0 4px; font-size:14.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--verde, #2ea086); }
.at .at-faq-r h4:first-child{ margin-top:2px; }
.at .at-faq-r ul{ margin:0 0 4px; padding:0; list-style:none; }
.at .at-faq-r li{ position:relative; margin:0 0 3px; padding-left:18px; list-style:none; }
.at .at-faq-r li::before{ content:''; position:absolute; left:3px; top:.68em; width:6px; height:6px; border-radius:50%; background:var(--petroleo); }
.at-sec{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:12px; font-weight:700;
         letter-spacing:.14em; text-transform:uppercase; color:var(--petroleo); }
.at-sec::after{ content:''; flex:1; height:1px; background:var(--linha); }

.at-corpo{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:34px; align-items:start; }
@media (max-width:900px){ .at-corpo{ grid-template-columns:1fr; } }

/* classificacao */
.at-rolo{ overflow-x:auto; }
.at table.at-class{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; margin:0; }
.at-class th, .at-class td{ font-size:15.5px; }
.at-class thead th{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado);
                    text-align:center; padding:8px 8px; border-bottom:2px solid var(--linha); }
.at-class thead th.t{ text-align:left; }
.at-class thead abbr{ text-decoration:none; cursor:help; }
.at-class td, .at-class th.time{ padding:0 8px; height:44px; border-bottom:1px solid var(--linha); text-align:center; }
.at-class tbody tr:hover td, .at-class tbody tr:hover th{ background:#f8fbfb; }
.at-class td.pos{ width:44px; font-weight:700; color:var(--suave); position:relative; }
.at-class tr.ok td.pos::before, .at-class tr.fora td.pos::before{ content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:2px; }
.at-class tr.ok td.pos::before{ background:var(--ok); }
.at-class tr.fora td.pos::before{ background:var(--fora); }
.at-class th.time{ text-align:left; font-weight:700; }
.at-class th.time div{ display:flex; align-items:center; gap:10px; }
.at-class th.time small{ display:block; font-weight:400; font-size:12px; color:#8a6d00; line-height:1.2; }
.at-class th.time small.ok{ color:var(--ok); font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:11px; }
.at-class th.time small.fora{ color:var(--fora); font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:10px; }
.at-class td.forte{ font-weight:700; color:var(--tinta); }
.at-class td{ color:var(--suave); }
.at-escudo{ width:26px; height:26px; object-fit:contain; flex:0 0 auto; }
.at-ini{ border-radius:50%; background:var(--claro); color:var(--apagado); font-size:10.5px; font-weight:700;
         display:inline-grid; place-items:center; flex:0 0 auto; }
/* suico: situacao de cada time (fundo da linha) e coluna por rodada com o adversario */
.at-class tr.st-avanca0 td, .at-class tr.st-avanca0 th{ background:#dcebf8; }
.at-class tr.st-avanca td,  .at-class tr.st-avanca th{ background:#e2f4e6; }
.at-class tr.st-avancax td, .at-class tr.st-avancax th{ background:#d3ece2; }
.at-class tr.st-repv td,    .at-class tr.st-repv th{ background:#eef6dc; }
.at-class tr.st-rep td,     .at-class tr.st-rep th{ background:#fcf1cf; }
.at-class tr.st-rep2 td,    .at-class tr.st-rep2 th{ background:#e6efd6; }
.at-class tr.st-rep3 td,    .at-class tr.st-rep3 th{ background:#ece7f6; }
.at-class tr.st-fora td,    .at-class tr.st-fora th{ background:#fbeae8; }
.at-class th.time small.rep{ color:#8a6d00; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:11px; }
.at-class th.rod, .at-class td.rod{ width:40px; padding:0 3px; text-align:center; }
.at-class td.rod .at-escudo, .at-class td.rod .at-ini{ width:22px; height:22px; vertical-align:middle; }
.at-class td.rod-v{ background:#cdebd9 !important; }
.at-class td.rod-d{ background:#f4d3cf !important; }
.at-class td.rod-d .at-escudo{ opacity:.75; }
/* barra lateral e quadradinho da legenda: cor forte de cada situacao (o fundo da linha e a versao clara) */
.at-class tr[class*="st-"] td.pos::before{ content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:2px; }
.at-class tr.st-avanca0 td.pos::before, .at-legenda i.st-avanca0{ background:#2f7fc1; }
.at-class tr.st-avanca td.pos::before,  .at-legenda i.st-avanca{ background:#2e9d5b; }
.at-class tr.st-avancax td.pos::before, .at-legenda i.st-avancax{ background:#16705a; }
.at-class tr.st-repv td.pos::before,    .at-legenda i.st-repv{ background:#8aab3c; }
.at-class tr.st-rep td.pos::before,     .at-legenda i.st-rep{ background:#d29b0c; }
.at-class tr.st-rep2 td.pos::before,    .at-legenda i.st-rep2{ background:#6b8e2f; }
.at-class tr.st-rep3 td.pos::before,    .at-legenda i.st-rep3{ background:#7d62c4; }
.at-class tr.st-fora td.pos::before,    .at-legenda i.st-fora{ background:var(--fora); }
.at-class tr.st-jogo td.pos::before{ display:none; }
/* rodada decisiva (ex.: Round 4): jogo -> classificado */
.at-decisiva{ max-width:640px; }
.at-dec-cab, .at-dec-l{ display:grid; grid-template-columns:minmax(0,1.3fr) 32px minmax(0,1fr); align-items:center; }
.at-dec-cab{ margin-bottom:8px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado); font-weight:700; }
.at-dec-cab span:last-child{ grid-column:3; }
.at-dec-l{ margin-bottom:14px; }
.at-dec-l .at-card{ margin:0; }
.at-dec-seta{ height:2px; background:var(--linha, #d5dde0); }
.at-dec-v{ display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 12px; border:1px solid var(--linha, #d5dde0); border-radius:6px; font-size:15px; font-weight:700; }
.at-dec-v.ok{ background:#e2f4e6; border-color:#bfe3c9; }
.at-dec-v i{ font-weight:400; color:var(--apagado); }
.at-legenda{ display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px; font-size:14px; color:var(--suave); }
.at-legenda span{ display:inline-flex; align-items:center; gap:6px; }
.at-legenda i{ width:10px; height:10px; border-radius:3px; display:inline-block; }
.at-legenda i.ok{ background:var(--ok); }
.at-legenda i.fora{ background:var(--fora); }
.at-siglas{ margin:6px 0 0; font-size:13px; color:var(--suave); line-height:1.55; }
.at-siglas b{ color:var(--suave); }

/* jogos: setas "‹ Rodada 2 ›" + numeros das rodadas */
.at-rod-nav{ display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--claro); border-radius:6px; padding:4px; margin:0 0 8px; }
.at-seta{ width:38px; height:36px; border:0; border-radius:4px; background:#fff; color:var(--petroleo); font:inherit; font-size:24px; line-height:1;
          cursor:pointer; box-shadow:0 1px 2px rgba(18,80,99,.12); transition:background-color .16s ease; }
.at-seta:hover:not(:disabled){ background:#e8f2f1; }
.at-seta:disabled{ opacity:.35; cursor:default; box-shadow:none; }
.at-seta:focus-visible, .at-rod-num button:focus-visible{ outline:2px solid var(--verde); outline-offset:2px; }
.at-rod-nome{ font-weight:700; font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:var(--petroleo); }
/* bolinhas das rodadas: pequenas, a da rodada atual acende. A area de clique e maior que a bolinha. */
.at-rod-num{ display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin:-2px 0 8px; }
.at-rod-num button{ width:18px; height:18px; padding:0; border:0; background:none; cursor:pointer; display:grid; place-items:center; }
.at-rod-num button::before{ content:''; width:7px; height:7px; border-radius:50%; background:#cfd9db; transition:background-color .16s ease, transform .16s ease; }
.at-rod-num button:hover::before{ background:var(--verde); }
.at-rod-num button.on::before{ background:var(--petroleo); transform:scale(1.25); }
/* todas as rodadas ocupam o mesmo lugar: a caixa fica do tamanho da maior e nao pula ao trocar */
.at-rods.js .at-rodadas{ display:grid; }
.at-rods.js .at-rodada{ grid-area:1 / 1; margin:0; }
.at-rods.js .at-rodada.off{ visibility:hidden; }
.at-rods.js .at-rodada h4{ display:none; }
.at-rodada + .at-rodada{ margin-top:18px; }
.at-rodada h4{ margin:0 0 6px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado); }
.at-rod-vazia{ margin:0; padding:22px 16px; text-align:center; font-size:16px; color:var(--apagado); border:1px dashed var(--linha, #d5dde0); border-radius:6px; }
.at-jogo{ display:grid; grid-template-columns:86px minmax(0,1fr) 64px minmax(0,1fr); gap:10px; align-items:center; min-height:54px;
          padding:9px 4px; border-bottom:1px solid var(--linha); font-size:15.5px; }
.at-data{ font-size:13px; color:var(--suave); line-height:1.3; font-variant-numeric:tabular-nums; text-transform:capitalize; }
.at-data .dia{ display:block; }
.at-data .hora{ display:block; font-size:13.5px; font-weight:600; color:var(--suave); }
.at-lado{ display:flex; align-items:center; gap:8px; min-width:0; color:var(--suave); }
.at-lado span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.at-lado.casa{ justify-content:flex-end; text-align:right; }
.at-lado.venceu{ color:var(--tinta); font-weight:700; }
.at-lado .at-escudo{ width:22px; height:22px; }
.at-placar{ display:inline-flex; justify-content:center; width:64px; gap:5px; align-items:center; padding:3px 4px; border-radius:4px; background:var(--claro);
            font-weight:700; font-variant-numeric:tabular-nums; color:var(--apagado); white-space:nowrap; }
.at-placar b{ font-weight:700; }
.at-placar b.v{ color:var(--petroleo); }
.at-placar.vs{ font-weight:400; }
.at-placar.vivo{ box-shadow:inset 0 0 0 1px #e0b84f; }
.at-det{ grid-column:2 / -1; font-size:13px; color:var(--suave); text-align:center; margin-top:-4px; }
.at-det .at-sep{ margin:0 6px; }
@media (max-width:460px){
  .at-jogo{ grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); }
  .at-data{ grid-column:1 / -1; text-align:center; }
  .at-det{ grid-column:1 / -1; }
}

/* chaves */
.at-grupo + .at-grupo{ margin-top:26px; }
.at-secao{ margin:16px 0 8px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado); }
.at-chave-rolo{ overflow-x:auto; padding-bottom:6px; }
.at-chave{ display:flex; gap:26px; align-items:stretch; }
.at-col{ flex:0 0 250px; display:flex; flex-direction:column; }
.at-col-t{ font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--apagado); padding:0 0 8px; }
.at-col-j{ flex:1; display:flex; flex-direction:column; justify-content:space-around; gap:12px; }
.at-card{ border:1px solid var(--linha); border-radius:5px; background:#fff; }
.at-card.vivo{ border-color:#e0b84f; }
.at-card-t{ font-size:12.5px; color:var(--suave); padding:5px 10px 0; font-variant-numeric:tabular-nums; }
.at-ln{ display:flex; align-items:center; gap:8px; padding:6px 10px; font-size:15px; color:var(--suave); }
.at-ln + .at-ln{ border-top:1px solid var(--linha); }
.at-ln .at-escudo{ width:20px; height:20px; }
.at-ln .nm{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.at-ln .nm.vazio{ font-style:italic; color:var(--apagado); font-size:14px; }
.at-ln .pl{ font-weight:700; font-variant-numeric:tabular-nums; }
.at-ln.venceu{ color:var(--tinta); font-weight:700; box-shadow:inset 3px 0 0 var(--verde); }
.at-ln.venceu .pl{ color:var(--petroleo); }
.at-card .at-det{ padding:0 10px 6px; margin:0; text-align:left; }
.at-resumo{ list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:6px; }
.at-resumo li{ display:flex; align-items:center; gap:8px; border:1px solid var(--linha); border-radius:5px; padding:7px 10px; margin:0; list-style:none; font-size:14px; }
.at-resumo li b{ min-width:62px; font-size:12px; color:var(--apagado); text-transform:uppercase; letter-spacing:.06em; }
.at-resumo li small{ margin-left:auto; color:var(--apagado); font-size:12px; }
.at-resumo li.avanca{ border-color:#9fd6bf; background:#f1faf6; }
.at-resumo li.campeao{ border-color:var(--ouro); background:#fdf8e6; font-weight:700; }
.at-resumo li i{ color:var(--apagado); }

/* premiacao */
.at-premio{ margin-top:34px; max-width:640px; }
.at .at-premio h2{ margin:0 0 6px; font-size:21px; line-height:1.3; }
.at-premio-total{ margin:0 0 8px; color:var(--suave); }
.at-premio td.pos-premio{ width:110px; text-align:left; font-weight:700; color:var(--suave); }
.at-premio td.forte{ text-align:right; white-space:nowrap; }
.at-premio tr.ok td.pos-premio{ color:#9a7b3d; }
.at-adefinir{ color:var(--apagado); font-style:italic; font-weight:400; }

/* como funciona, texto do post e noticias */
.at-como, .at-texto, .at-noticias{ margin-top:34px; }
.at-como h2{ margin:0 0 10px; font-size:18px; }

.at-como ul{ margin:0; padding:0 0 0 18px; }
.at-como li{ list-style:disc; margin:0 0 6px; color:var(--suave); }
.at-texto p{ margin:0 0 12px; line-height:1.7; }
/* noticias: faixa de titulo em degrade (padrao das barras do site) + cards com data */
.at .at-barra{ margin:0 0 16px; padding:7px 12px; border-radius:3px; background:linear-gradient(to right,#125063 0,#2ea086 100%);
               color:#fff; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; }
.at-noticias ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 20px; }
@media (max-width:860px){ .at-noticias ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px){ .at-noticias ul{ grid-template-columns:1fr; } }
/* faixa que rola para o lado: 3 noticias inteiras e a 4a cortada, para convidar a explorar */
.at .at-barra{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.at .at-barra h2{ margin:0; padding:2px 0; font-size:20px; line-height:1.3; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:.02em; }
/* setas sobre as fotos, nas pontas (aparecem ao passar o mouse; --at-meio = metade da altura da foto, vem do front.js) */
.at-faixa-moldura{ position:relative; }
.at-faixa-seta{ position:absolute; top:var(--at-meio, 30%); transform:translateY(-50%); z-index:2; width:44px; height:44px; padding:0; border:0;
                border-radius:50%; background:#fff; color:var(--tinta); font-size:26px; line-height:1; cursor:pointer;
                box-shadow:0 2px 10px rgba(0,0,0,.25); display:grid; place-items:center; opacity:0; transition:opacity .2s ease, transform .15s ease; }
.at-faixa-seta.ant{ left:-12px; }
.at-faixa-seta.prox{ right:-12px; }
.at-faixa-moldura:hover .at-faixa-seta, .at-faixa-seta:focus-visible{ opacity:1; }
.at-faixa-seta:hover{ transform:translateY(-50%) scale(1.08); }
.at-faixa-seta[hidden]{ display:none; }
@media (hover:none){ .at-faixa-seta{ display:none; } }
.at-noticias ul.at-faixa{ display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 40px) / 3.3);
                          gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; overscroll-behavior-x:contain;
                          padding-bottom:4px; scrollbar-width:none; }
.at-noticias ul.at-faixa::-webkit-scrollbar{ display:none; }   /* rola com as setas, o dedo ou o trackpad */
.at-faixa li{ scroll-snap-align:start; min-width:0; }
@media (max-width:860px){ .at-noticias ul.at-faixa{ grid-template-columns:none; grid-auto-columns:calc((100% - 20px) / 2.3); } }
@media (max-width:520px){ .at-noticias ul.at-faixa{ grid-template-columns:none; grid-auto-columns:78%; gap:14px; } }
.at-noticias li{ list-style:none; margin:0; }
.at-noticias li a{ display:block; color:var(--tinta); }
.at-not-img{ display:block; aspect-ratio:16/9; overflow:hidden; border-radius:5px; background:var(--claro); margin-bottom:8px; }
.at-noticias li img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.at-noticias li a:hover img{ transform:scale(1.04); }
.at-noticias time{ display:block; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--verde); margin-bottom:3px; }
.at-not-t{ display:block; font-size:17px; font-weight:700; line-height:1.35; }
.at-noticias li a:hover .at-not-t{ color:var(--link); }
/* "Ver todas as noticias": link simples no canto; no hover, sublinha e a seta anda um pouco */
.at-noticias .at-mais{ display:inline-flex; align-items:center; gap:6px; margin-top:18px; font-size:15px; font-weight:700; color:var(--link); }
.at-noticias .at-mais span{ transition:transform .18s ease; }
.at-noticias .at-mais:hover{ text-decoration:underline; text-underline-offset:3px; }
.at-noticias .at-mais:hover span{ transform:translateX(3px); }
.at-mais{ display:inline-block; margin-top:12px; font-weight:700; }

/* resumo dentro de noticias: [arena-tabela id="..."] */

@media (prefers-reduced-motion: reduce){ .at *{ transition:none !important; } }