@keyframes hn-pulse{0%{box-shadow:0 0 0 0 #e84b4299}70%{box-shadow:0 0 0 7px #e84b4200}100%{box-shadow:0 0 0 0 #e84b4200}}
@keyframes hn-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Cartão do topo (resultado / ao vivo) */
.hero-score[hidden]{display:none!important}
.hero-score{color:#fff;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;animation:hn-in .4s ease}
.hero-score:hover{transform:translateY(-3px);background:#0b2138f2;box-shadow:0 18px 40px #0007}
.hero-score>span{display:grid;justify-items:end;gap:8px;align-self:stretch;align-content:space-between}
.hero-score>span em{font-style:normal;font-size:8px;letter-spacing:1px;color:#fff;opacity:.6;display:inline-flex;gap:5px;align-items:center;transition:opacity .2s}
.hero-score:hover>span em{opacity:1}
.hero-score.is-live{border-left-color:#e84b42}
.hero-score.is-live>span{color:#ff6b62}
.hero-score.is-live>span>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e84b42;margin-right:6px;animation:hn-pulse 1.6s infinite}
.hero-score.is-live small{color:#ff8a82}

/* Faixa "Ao vivo agora" */
.live-now{padding:44px 5vw 30px;background:#fff;border-bottom:1px solid #e7e9ea;animation:hn-in .4s ease}
.live-now-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.live-now-head .eyebrow{margin:0 0 6px}
.live-now-head h2{display:flex;align-items:center;gap:12px;margin:0;font:700 34px 'Barlow Condensed';color:var(--ink)}
.live-now-head h2>i{width:10px;height:10px;border-radius:50%;background:#e84b42;animation:hn-pulse 1.6s infinite}
.live-now-head h2 small{font:700 11px Inter;color:#e84b42;background:#e84b4214;padding:5px 10px}
.live-now-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,340px);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.live-now-card{scroll-snap-align:start;display:grid;gap:10px;padding:16px 18px;background:#071526;border-bottom:3px solid #e84b42;color:#fff;text-decoration:none;box-shadow:0 14px 34px #07152622;transition:transform .2s,box-shadow .2s}
.live-now-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #07152640}
.live-now-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.live-now-card header small{font-size:9px;font-weight:700;letter-spacing:.8px;color:#8ea3b3;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-now-card header span{display:inline-flex;align-items:center;gap:6px;flex:none;font:800 9px Inter;letter-spacing:1px;color:#ff7a70;background:#e84b4222;padding:5px 9px}
.live-now-card header span i{width:6px;height:6px;border-radius:50%;background:#ff5a50;animation:hn-pulse 1.6s infinite}
.live-now-team{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}
.live-now-team img,.live-now-team>i{width:32px;height:32px;border-radius:50%;object-fit:contain;background:#ffffff12;display:grid;place-items:center;font:700 10px 'Barlow Condensed';font-style:normal;color:#c8d6e0}
.live-now-team b{font:700 18px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-now-team strong{font:700 34px 'Barlow Condensed';line-height:1;font-variant-numeric:tabular-nums}
.live-now-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #ffffff14;font-size:10px;color:#8ea3b3}
.live-now-card footer b{color:#fff;margin-left:4px}
.live-now-card footer em{font-style:normal;font-weight:700;color:#62c28d;display:inline-flex;gap:6px;align-items:center;transition:gap .2s}
.live-now-card:hover footer em{gap:10px}

/* Cartões de competição */
.comp-card{width:100%;border:0;border-bottom:4px solid var(--green);text-align:left;font:inherit;color:inherit;cursor:pointer;gap:14px;transition:transform .2s,box-shadow .2s}
.comp-card:nth-child(even){border-color:var(--red)}
.comp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0715261c}
.comp-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.comp-card-top{display:flex;justify-content:space-between;align-items:center}
.comp-card .comp-card-top>i{font-size:30px;color:var(--green)}
.comp-card:nth-child(even) .comp-card-top>i{color:var(--red)}
.comp-live{display:inline-flex;align-items:center;gap:6px;font:800 9px Inter;letter-spacing:.6px;text-transform:uppercase;color:#e84b42;background:#e84b4214;padding:5px 9px}
.comp-live i{display:inline-block;width:6px!important;height:6px;border-radius:50%;background:#e84b42;font-size:0!important;animation:hn-pulse 1.6s infinite}
.comp-card h3{margin:0 0 5px!important}
.comp-card-meta{display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #eceeef;font-size:11px;color:var(--muted)}
.comp-card-meta b{color:var(--ink)}
.comp-card-meta em{margin-left:auto;font-style:normal;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:5px;transition:gap .2s}
.comp-card-meta em i{font-size:13px!important}
.comp-card:hover .comp-card-meta em{gap:9px}
.comp-more{grid-column:1/-1;justify-self:center;margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:1px solid #d6dcdf;background:#fff;color:var(--ink);font:700 11px Inter;letter-spacing:.4px;cursor:pointer;transition:background .2s,border-color .2s}
.comp-more:hover{background:#f3f6f5;border-color:var(--green)}

/* Classificação e jogos navegáveis */
.center-row.is-link{cursor:pointer;transition:background .18s}
.center-row.is-link:hover{background:#f4f8f6}
.center-row.is-link:hover .club b{color:var(--green)}
.center-row.is-link:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.fixture:hover .fixture-teams b{color:var(--green)}
.fixture:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.fixture .fixture-teams b{transition:color .18s}

@media(max-width:700px){
  .live-now{padding:30px 16px 22px}
  .live-now-head h2{font-size:28px}
  .live-now-list{grid-auto-columns:85%}
  .comp-card-meta{gap:10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.live-now,.live-now *,.hero-score,.comp-card{animation:none!important;transition:none!important}}