/* ===== Agenda de jogos ===== */
.ag-lista{display:flex;flex-direction:column;gap:8px;min-width:0}
.ag-grupo{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ag-dia{font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:capitalize;color:var(--mu);margin-top:4px}
.ag-dia.live{color:#fff;display:flex;align-items:center;gap:8px}
.ag-dia.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rd);animation:pisca 1.3s infinite}
.ag-linha{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#1f1f1f;border-radius:8px;cursor:pointer;min-width:0;transition:background .2s,transform .15s}
.ag-linha:hover{background:#2b2b2b}.ag-linha:active{transform:scale(.99)}
.ag-linha.ao-vivo{box-shadow:inset 3px 0 0 var(--rd)}
.ag-linha:focus-visible{outline:2px solid var(--or)}
.ag-quando{flex:0 0 66px;display:flex;justify-content:center}
.ag-hora{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}
.ag-live{display:inline-flex;align-items:center;gap:6px;background:var(--rd);color:#fff;font-size:.68rem;font-weight:800;padding:.35em .6em;border-radius:4px;white-space:nowrap}
.ag-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pisca 1.3s infinite}
.ag-meio{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ag-times{display:flex;align-items:center;gap:10px;min-width:0}
.ag-time{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.ag-time img,.ag-time b{width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.ag-time b{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--s2);font-size:.7rem}
.ag-time span,.ag-solo{font-weight:700;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ag-times em{font-style:normal;color:var(--mu);font-weight:800;font-size:.8rem;flex:0 0 auto}
.ag-comp{font-size:.74rem;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-btn{flex:0 0 auto;height:36px;padding:0 16px;border-radius:6px;background:#fff;color:#000;font-weight:800;font-size:.82rem;display:inline-flex;align-items:center;gap:7px}
.ag-btn::before{content:"";width:.7em;height:.85em;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.ag-btn.off{background:rgba(109,109,110,.7);color:#fff}.ag-btn.off::before{display:none}
.ag-filtros{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--px)*-1);padding:2px var(--px)}
.ag-filtros::-webkit-scrollbar{display:none}
.ag-chip{flex:0 0 auto;height:36px;padding:0 16px;border:0;border-radius:99px;background:#2b2b2b;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s}
.ag-chip:hover{background:#3a3a3a}.ag-chip.ativo{background:#fff;color:#000}
.ag-contagem{display:inline-block;vertical-align:middle;margin-left:8px;background:var(--rd);color:#fff;font-size:.68rem;font-weight:800;padding:.3em .7em;border-radius:99px}
@media(min-width:1024px){.ag-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ag-linha{gap:10px;padding:10px}.ag-quando{flex-basis:54px}.ag-times{flex-direction:column;align-items:flex-start;gap:6px}.ag-times em{display:none}.ag-time{flex:none;width:100%}.ag-btn{padding:0 12px}}

/* ===== Cards de jogos (aba Jogos) ===== */
.ag-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.jc{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;min-width:0;background:linear-gradient(145deg,#2a2a2a,#151515);transition:transform .25s,box-shadow .25s}
.jc.ao-vivo{box-shadow:inset 0 0 0 1.5px var(--rd)}
@media(hover:hover){.jc:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 34px rgba(0,0,0,.7);z-index:5}.jc.ao-vivo:hover{box-shadow:0 16px 34px rgba(0,0,0,.7),inset 0 0 0 1.5px var(--rd)}}
.jc:active{transform:scale(.98)}.jc:focus-visible{outline:2px solid var(--or)}
.jc-bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.55}
.jc-grad{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,20,20,.55),rgba(20,20,20,.88))}
.jc-conteudo{position:relative;display:flex;flex-direction:column;gap:14px;padding:14px;min-height:210px}
.jc-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;font-weight:700;color:#cfcfcf}
.jc-comp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.jc-hora{flex:0 0 auto;background:rgba(255,255,255,.14);color:#fff;font-weight:800;padding:.3em .7em;border-radius:4px}
.jc-vs{flex:1;display:flex;align-items:center;justify-content:space-around;gap:8px}
.jc-vs em{font-style:normal;font-weight:800;color:#bbb;font-size:1rem}
.jc-time{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.jc-time img,.jc-time b{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.jc-time b{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:1.1rem;filter:none}
.jc-time span{max-width:100%;font-size:.84rem;font-weight:800;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-solo{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:1.05rem;color:#fff;overflow-wrap:anywhere}
.jc .ag-btn{justify-content:center;width:100%}
@media(max-width:480px){.ag-grade{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.jc-time img,.jc-time b{width:54px;height:54px}}