/* ====== Tema "Betano-like": cinza neutro + laranja. Carregado por último. ====== */
/* Paleta alternativa (laranja). Padrão: grafite + volt dos tokens. */
:root[data-brand=orange]{--brand:#FF6A13;--brand-ink:#fff;--brand-soft:rgba(255,106,19,.14);--hot:#FF3D3D;--hot-soft:rgba(255,61,61,.14);--bg:#121212;--surface:#1b1b1b;--surface-2:#232323;--surface-3:#2d2d2d;--line:#2b2b2b;--line-2:#3a3a3a;--odd-bg:#2a2a2a;--odd-hover:#353535}
:root[data-brand=orange][data-theme=light]{--brand:#E8500A;--bg:#ececec;--surface:#fff;--surface-2:#f4f4f4;--surface-3:#e8e8e8;--line:#dedede;--line-2:#cfcfcf;--odd-bg:#efefef;--odd-hover:#e2e2e2}
/* topo */
.topbar{background:var(--bg);border-bottom:1px solid var(--line);height:60px}
.logo{font:800 21px var(--display);letter-spacing:-.04em}
.tab-main{border-radius:0;padding:0 14px;height:60px;position:relative;color:var(--muted);font-weight:700}.tab-main:hover{background:none;color:var(--text)}.tab-main.on{background:none;color:var(--text)}.tab-main.on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--brand);border-radius:3px 3px 0 0}


.app{grid-template-rows:60px 1fr}.menu,.slip{top:60px;height:calc(100vh - 60px)}
.sportsbar{position:sticky;top:60px;z-index:30;display:flex;gap:2px;overflow-x:auto;margin:-22px -24px 18px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--line)}
.sportsbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px 9px;min-width:74px;font:700 12px var(--font);color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.sportsbar a .ic{font-size:22px}.sportsbar a:hover{color:var(--text)}.sportsbar a.on{color:var(--text);border-color:var(--brand)}.sportsbar a.on .ic{color:var(--brand)}
/* menu lateral */
.mi.on{box-shadow:inset 3px 0 var(--brand)}
/* listas de jogos: botões de odd centrados */
.league>header{border-bottom:1px solid var(--line)}.league>header .ic{color:var(--brand)}
.ev{padding:10px 14px}.ev .odd{justify-content:center;min-height:42px;border-radius:6px;background:var(--odd-bg)}.ev .odd .l{display:none}.ev .odd .v{margin:0;font-size:15px}










.sec-h a,.ev-main:hover .ev-more{color:var(--brand)}

@media (max-width:1100px){.app{--topbar:56px}.topbar{height:56px}.sportsbar{margin:-14px -14px 12px;top:56px}.menu{top:56px}}
@media (max-width:1100px){.slip:not(.open){box-shadow:none;visibility:hidden;transition:transform .28s,visibility 0s .28s}}
.hero{min-height:270px}.slide{justify-content:flex-end;padding-bottom:50px}
@media (max-width:640px){.hero{min-height:280px}}
.hero,.slide{overflow:hidden}#view{overflow-x:clip}
.odd.susp,.odd:disabled{opacity:.35;pointer-events:none;filter:grayscale(1)}.odd.susp *{visibility:hidden}.odd.susp:after{content:"🔒";visibility:visible;position:absolute;inset:0;display:grid;place-items:center;font-size:13px}

/* ====== Carrossel de ofertas (home) ====== */
.ofr{position:relative}
.ofr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;border-radius:var(--r-lg)}
.ofr-card{position:relative;flex:0 0 min(88%,680px);min-height:250px;scroll-snap-align:start;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;padding:26px 30px 40px}
.ofr-card .art{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:min(50%,330px);z-index:-1}
.ofr-t{display:flex;flex-direction:column;gap:10px;max-width:60%}
.ofr-t h2{font-size:clamp(24px,3.2vw,36px);line-height:1.08;color:#fff}.ofr-t p{color:rgba(255,255,255,.86);font-size:14.5px}
.ofr-tag{background:rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.ofr-chip{background:var(--brand);color:#0b0f0a;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
.ofr-terms{font-size:11.5px;color:rgba(255,255,255,.7);text-decoration:underline}
.ofr-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.ofr-arrow.prev{left:10px}.ofr-arrow.next{right:10px}.ofr-arrow:hover{background:rgba(0,0,0,.8)}
.ofr-dots{position:absolute;left:30px;bottom:14px;display:flex;gap:6px}
.ofr-dots button{position:relative;width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.ofr-dots button.on{width:38px}
.ofr-dots button.on::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:ofrp 6s linear forwards}
@keyframes ofrp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ofr-short{display:flex;gap:10px;overflow-x:auto;margin:14px 0 0}
.ofr-short a{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600;font-size:13.5px;white-space:nowrap}
.ofr-short a:hover{border-color:var(--brand)}
.ofr-short .ic-wrap{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--brand)}
@media (max-width:900px){.ofr-arrow{display:none}}
@media (max-width:640px){.ofr-card{flex-basis:90%;min-height:230px;padding:20px 18px 38px}.ofr-t{max-width:100%}.ofr-card .art{opacity:.3;width:70%}.ofr-dots{left:18px}}
@media (prefers-reduced-motion:reduce){.ofr-dots button.on::after{animation:none}}
.ofr,.ofr-short{min-width:0;max-width:100%;contain:inline-size}
@media (min-width:901px){.ofr-card{padding-left:56px}.ofr-dots{left:56px}}