/* OddsIQ V2 · ODDS TURBINADAS (03/11/2026, frente odds-turbinadas) — só faz efeito com o v2_turbo.js (V2_CFG.turbo).
   Ficha DESIGN_V2: a seção da home pousa no chão (título + filete + espaço, sem caixa mais clara — os cards seguem o
   molde do .hm-cv do "Ao vivo agora"); amarelo `--preco` só no preço; verde `--acc` = ação/rótulo. A folha do bilhete
   pronto segue a pele do CUPOM (claro, a exceção da ficha), com a paleta --c-* dele. Animação só com
   prefers-reduced-motion: no-preference (a seta da odd turbinada sobe a cada 6 s; o card da home ganha o brilho). */
.tb-sec[hidden]{display:none}
.tb-cvs{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-top:1px solid var(--fil)}
.tb-cvs::-webkit-scrollbar{display:none}
.tb-cv{flex:0 0 272px;display:grid;align-content:start;gap:10px;padding:12px 14px 14px;border:0;border-left:1px solid var(--fil2);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;min-width:0}
.tb-cv:first-child{border-left:0;padding-left:4px}
.tb-cv:hover .tb-sel{text-decoration:underline}
.tb-cv:focus-visible{outline:2px solid var(--preco);outline-offset:-2px}
.tb-cv.off{opacity:.62}
/* (dono 03/11 ~02h, versão A do prototipo/brilho.html) o BRILHO: faixa de luz diagonal levemente dourada atravessa o card
   da seção Promoções da home a cada 4 s (passa em ~1,4 s e some; nada pisca nem muda de cor). Só nos cards da faixa da
   home (.tb-cvs), nunca na folha "Ver todas" nem em odd normal; sem animação com prefers-reduced-motion: reduce. */
.tb-cvs .tb-cv{position:relative;overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .tb-cvs .tb-cv:not(.off)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;
    background:linear-gradient(105deg,transparent 0%,rgba(255,214,10,.10) 40%,rgba(255,255,255,.22) 50%,rgba(255,214,10,.10) 60%,transparent 100%);
    transform:skewX(-12deg);pointer-events:none;animation:tb-passa 4s ease-in-out infinite}
}
@keyframes tb-passa{0%{left:-60%}35%{left:120%}100%{left:120%}}
.tb-cv-h{display:flex;align-items:center;gap:8px;min-width:0}
.tb-rot{font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);white-space:nowrap}
.tb-tp{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--ink3)}
.tb-ps,.tb-fps{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.tb-ps li,.tb-fps li{display:grid;gap:1px;min-width:0}
.tb-sel{font-size:14.5px;font-weight:700;line-height:20px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-mk{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-ev{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-cv-p,.tb-fp{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.tb-de{font-size:14px;font-weight:700;color:var(--ink4);text-decoration:line-through;text-decoration-thickness:1.5px}
.tb-para{display:inline-flex;align-items:center;gap:4px;color:var(--preco)}
.tb-para b{font-size:22px;font-weight:900;line-height:1}
.tb-seta{width:14px;height:14px;fill:currentColor}
.tb-cv-r{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:12px;font-weight:700;color:var(--ink3)}
.tb-cv-r>span{white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .tb-cv:not(.off) .tb-seta{animation:tb-sobe 6s ease-in-out infinite}
  .tb-cv:not(.off) .tb-para b{animation:tb-acende 6s ease-in-out infinite}
}
@keyframes tb-sobe{0%,82%,100%{transform:translateY(0);opacity:1}88%{transform:translateY(-5px);opacity:.25}89%{transform:translateY(5px);opacity:0}96%{transform:translateY(0);opacity:1}}
@keyframes tb-acende{0%,84%,100%{transform:none}90%{transform:scale(1.08)}}

/* a folha (bilhete pronto e "Ver todas"): pele do cupom */
html.tb-trava{overflow:hidden}
.tb-veu{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55)}
.tb-folha{--c-bg:#F0F0F0;--c-card:#FFFFFF;--c-borda:#DCDCDC;--c-linha:#ECECEC;--c-verde-tx:#26705A;--c-ink:#1E1E1E;--c-ink2:#333333;--c-ink3:#555555;--c-erro:#C62828;
  --c-botao:linear-gradient(90deg,#63F2BF,#AEF4A4);--c-botao-ink:#16382B;--preco:#0A6B4B;--ink:#1E1E1E;--ink2:#333;--ink3:#555;--ink4:#767676;
  width:100%;max-width:460px;max-height:calc(100% - 40px);overflow:auto;background:var(--c-bg);color:var(--c-ink);border-radius:10px 10px 0 0;padding:14px 16px 18px;font-family:Helvetica,Arial,sans-serif}
@media (min-width:901px){.tb-veu{align-items:center}.tb-folha{border-radius:10px}}
.tb-fh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tb-folha .tb-rot{color:var(--c-verde-tx)}
.tb-x{width:44px;height:44px;margin:-10px -10px -10px 0;border:0;background:none;font-size:26px;line-height:1;color:var(--c-ink2);cursor:pointer}
.tb-ft{margin:2px 0 10px;font-size:18px;font-weight:700;color:var(--c-ink)}
.tb-fps{background:var(--c-card);border:1px solid var(--c-borda);border-radius:4px;padding:10px 12px;gap:10px}
.tb-fps li+li{border-top:1px solid var(--c-linha);padding-top:10px}
.tb-folha .tb-sel{white-space:normal}
.tb-folha .tb-mk,.tb-folha .tb-ev{white-space:normal}
.tb-fp{margin:12px 2px 4px}
.tb-folha .tb-para b{font-size:26px}
.tb-lim{margin:0 2px 6px;font-size:13px;font-weight:700;color:var(--c-ink2)}
.tb-nota{margin:0 2px 12px;font-size:12px;line-height:1.4;color:var(--c-ink3)}
.tb-ac{display:grid;gap:10px}
.tb-val{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--c-ink2)}
.tb-val input{height:44px;padding:0 12px;border:1px solid #8F8F8F;border-radius:3px;background:#fff;color:var(--c-ink);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.tb-val input:focus-visible{outline:2px solid var(--c-verde-tx);outline-offset:1px}
.tb-ret{margin:0;font-size:13px;color:var(--c-ink2);display:flex;justify-content:space-between}
.tb-ret b{font-variant-numeric:tabular-nums;color:var(--c-ink)}
.tb-bt{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:3px;background:var(--c-botao);color:var(--c-botao-ink);font:700 15px Helvetica,Arial,sans-serif;text-decoration:none;cursor:pointer}
.tb-bt.arm{outline:2px solid var(--c-verde-tx);outline-offset:2px}
.tb-bt:disabled{opacity:.45;cursor:default}
.tb-bt:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}
.tb-saldo{margin:0;font-size:12px;color:var(--c-ink3);text-align:right}
.tb-msg{margin:0;padding:10px 12px;background:var(--c-card);border:1px solid var(--c-borda);border-radius:3px;font-size:14px;color:var(--c-ink2)}
.tb-ok{display:grid;gap:3px;padding:10px 12px;background:var(--c-card);border:1px solid var(--c-borda);border-radius:3px;font-size:13px;color:var(--c-ink2)}
.tb-ok b{font-size:15px;color:var(--c-verde-tx)}
.tb-err{margin:8px 2px 0;min-height:1em;font-size:13px;font-weight:700;color:var(--c-erro)}
.tb-err:empty{display:none}
.tb-lista{display:grid;margin-top:6px}
.tb-lista .tb-cv{flex:none;border-left:0;border-top:1px solid var(--c-linha);padding:12px 2px}
.tb-lista .tb-cv:first-child{border-top:0}
/* Minhas apostas: o selo no cartão */
.ap-tg.tb-tg{color:var(--acc)}