/* Betivo: tags do Tag Manager, servidas como arquivo para sair do HTML.
   Fonte: painel admin > Rastreamento > Tag Manager. Nao editar a mao sem sincronizar. */
/* ===== Cores do menu e header ===== */
/* Betivo: menu lateral e header na cor do rodape (#17191C) */
aside.fixed.inset-y-0.left-0.w-64,header.sticky.top-0{background:#17191C !important;background-image:none !important;border-color:rgba(255,255,255,.06) !important}
header a[href$="/sacar"].lg\:flex{display:none !important}

/* sino ja fica no header: some o bloco de notificacoes do menu lateral */
aside #bb-enable-push,aside #bb-push-hint{display:none !important}

/* celular: o Menu fica na barra de baixo, entao some o hamburguer do header */
@media(max-width:1023px){header > div > button.lg\:hidden{display:none !important}header > div > a.lg\:hidden{margin-left:2px}}

/* ativo em branco, molde Leon */
/* seletor Cassino/Esportes: so o lado da pagina atual fica branco (a plataforma deixava Cassino aceso ate no esporte) */
aside nav .px-1.pb-3 a{background:transparent !important;color:#B5BCC2 !important}
aside nav .px-1.pb-3 a svg{color:#B5BCC2 !important}
aside nav .px-1.pb-3 a:hover{color:#fff !important}aside nav .px-1.pb-3 a:hover svg{color:#fff !important}
aside nav .px-1.pb-3 a.btv-on{background:#F9FAFA !important;color:#0B0D0E !important}
aside nav .px-1.pb-3 a.btv-on svg{color:#0B0D0E !important}
/* sportsbook (desktop): sai o menu do cassino, fica so o menu do proprio esporte */
/* sportsbook sem rodape (desktop e celular) */
html.btv-sport footer{display:none !important}
/* celular: o iframe do sportsbook ocupa exatamente o espaco entre o header e a barra de baixo (medidos em tempo real) */
@media(max-width:1023px){
html.btv-sport main{padding:0 !important;min-height:0 !important}
html.btv-sport main > div{padding:0 !important;min-height:0 !important;height:auto !important;gap:0 !important}
html.btv-sport main > div > div.relative{position:fixed !important;top:var(--btv-hh,65px) !important;bottom:var(--btv-bh,64px) !important;left:0 !important;right:0 !important;width:auto !important;height:auto !important;min-height:0 !important;border-radius:0 !important;z-index:5}
html.btv-sport main > div > div.relative iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important}
html.btv-sport body{overflow:hidden !important}
}
@media(min-width:1024px){
html.btv-sport:not(.btv-sport-open) aside.fixed.inset-y-0.left-0.w-64{display:none !important}
html.btv-sport:not(.btv-sport-open) .lg\:ml-64{margin-left:0 !important}
html.btv-sport.btv-sport-open aside.fixed.inset-y-0.left-0.w-64{transform:none !important;width:256px !important}
html.btv-sport.btv-sport-open .lg\:ml-64{margin-left:256px !important}
html.btv-sport .btv-tg{display:none !important}
html.btv-sport header > div > button.lg\:hidden{display:none !important}
html.btv-sport header > div > a.lg\:hidden{display:flex !important;margin-left:0}
/* sportsbook colado no header: sem a faixa "Apostas Esportivas" e sem as bordas */
html.btv-sport main{padding-bottom:0 !important}
html.btv-sport main > div{padding:0 !important;gap:0 !important;max-width:none !important;min-height:0 !important}
html.btv-sport main > div > div.hidden.sm\:flex{display:none !important}
html.btv-sport main > div > div.relative{height:calc(100vh - 64px) !important;border-radius:0 !important;box-shadow:none !important}
}
aside nav a.bb-nav-active{background:#F9FAFA !important;color:#0B0D0E !important;border-radius:5px !important;border-color:transparent !important;box-shadow:none !important;outline:0 !important}
aside nav a.bb-nav-active .bb-emoji,aside nav a.bb-nav-active svg{background:transparent !important;color:#0B0D0E !important}
aside nav a.bb-nav-active,aside nav a.bb-nav-active *,aside nav .px-1.pb-3 a,aside nav .px-1.pb-3 a *{text-shadow:none !important;filter:none !important}
aside nav a.bb-nav-active,aside nav a.bb-nav-active span,aside nav .px-1.pb-3 a{font-weight:600 !important}
aside nav a.bb-nav-active svg,aside nav .px-1.pb-3 a svg{stroke-width:2 !important}

/* ===== Botão de recolher o menu ===== */
/* Betivo: botao de recolher o menu lateral (desktop), fixo no canto esquerdo */
.btv-tg{display:none;position:fixed;left:14px;top:calc(14px + env(safe-area-inset-top));z-index:50;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:transparent;border:0;cursor:pointer}
.btv-tg:hover{background:rgba(255,255,255,.08)}
.btv-tg svg{width:22px;height:22px}
@media(min-width:1024px){
.btv-tg{display:flex}
aside.fixed.inset-y-0.left-0.w-64 > a.h-16{padding-left:62px !important}
/* menu recolhido = trilho so com icones, como no site antigo */
html.btv-collapsed aside.fixed.inset-y-0.left-0.w-64{transform:none !important;width:72px !important}
html.btv-collapsed .lg\:ml-64{margin-left:72px !important}
html.btv-collapsed header a.lg\:hidden{display:flex !important;margin-left:0;margin-right:8px}
html.btv-collapsed aside > a.h-16{padding:0 !important;justify-content:center}
html.btv-collapsed aside > a.h-16 img{display:none}
html.btv-collapsed aside nav{padding:10px 0 !important;overflow-x:hidden}
html.btv-collapsed aside nav > * + *{margin-top:4px !important}
html.btv-collapsed aside nav > div > button{display:none !important}
html.btv-collapsed aside nav .px-1.pb-3{padding:0 !important;margin:0 !important;border:0 !important}
html.btv-collapsed aside nav .px-1.pb-3 > div{flex-direction:column;background:transparent !important;border:0 !important;padding:0 !important;gap:0}
html.btv-collapsed aside nav a,html.btv-collapsed aside nav .px-1.pb-3 span{display:flex;flex:none !important;width:44px !important;height:44px !important;padding:0 !important;margin:6px auto !important;justify-content:center;align-items:center;border-radius:12px !important;gap:0 !important;font-size:0 !important;color:#B5BCC2 !important;background:transparent !important;border:0 !important;box-shadow:none !important;outline:0 !important}
html.btv-collapsed aside nav a:hover{background:rgba(255,255,255,.08) !important}
html.btv-collapsed aside nav a > span:not(.bb-emoji):not(.bb-ico-emoji){display:none !important}
html.btv-collapsed aside nav .bb-emoji,html.btv-collapsed aside nav .bb-ico-emoji{display:flex !important;background:transparent !important;width:auto !important;height:auto !important;margin:0 !important}
html.btv-collapsed aside nav svg{width:24px !important;height:24px !important;flex:none !important}
html.btv-collapsed aside nav a.bb-nav-active,html.btv-collapsed aside nav .px-1.pb-3 a{background:#fff !important;color:#17191C !important}
html.btv-collapsed aside nav a.bb-nav-active svg,html.btv-collapsed aside nav .px-1.pb-3 a svg{color:#17191C !important;stroke:#17191C}
html.btv-collapsed aside nav .px-1.pb-3 span{color:#6B7378 !important}
html.btv-collapsed #bb-install-app{display:none !important}
html.btv-nofx aside.fixed.inset-y-0.left-0.w-64,html.btv-nofx .lg\:ml-64{transition:none !important}
}

/* ===== Header no molde do site antigo ===== */
/* Betivo: controles do header no molde do site antigo */
:root{--btvh-ctl:#32383E;--btvh-ctl-h:#3A4148}
header > div{gap:8px !important}
@media(min-width:1024px){header > div{gap:12px !important}}
.btvh-round{display:none;width:40px;height:40px;border-radius:999px;background:var(--btvh-ctl);color:#fff;align-items:center;justify-content:center;border:0;cursor:pointer;flex:none;text-decoration:none}
.btvh-round:hover{background:var(--btvh-ctl-h)}
.btvh-round svg{width:18px;height:18px}
.btvh-lang{display:none;height:36px;padding:0 14px 0 12px;border-radius:999px;background:var(--btvh-ctl);color:#fff;font-weight:700;font-size:13px;align-items:center;gap:6px;flex:none}
.btvh-lang img{width:18px;height:13px;border-radius:2px;display:block}
@media(min-width:768px){.btvh-round,.btvh-lang{display:flex}}
/* sino (Avisos) */
header > div > a[href$="/avisos"]{display:flex !important;width:40px !important;height:40px !important;border-radius:999px !important;background:var(--btvh-ctl) !important;color:#fff !important}
header > div > a[href$="/avisos"]:hover{background:var(--btvh-ctl-h) !important}
header > div > a[href$="/avisos"] svg{width:18px;height:18px;color:#fff;stroke:#fff}
header > div > a[href$="/avisos"] span span.bg-red-500{min-width:16px !important;height:16px !important;font-size:10px;line-height:16px;top:-6px !important;right:-6px !important}
header > div > a[href$="/avisos"].btvh-zero span span.bg-red-500{display:none}
/* pilula do saldo + botao de depositar */
header > div > div.h-10.rounded-lg{height:40px !important;border-radius:999px !important;background:var(--btvh-ctl) !important;border:0 !important;padding:0 4px 0 6px !important;gap:8px;overflow:visible !important}
header > div > div.h-10.rounded-lg > button{padding:0 6px 0 10px !important;background:transparent !important;border-radius:999px}
header > div > div.h-10.rounded-lg > button > div > div:first-child{display:none}
header > div > div.h-10.rounded-lg > button > div > div:last-child{font-size:14px !important;font-weight:700;white-space:nowrap}
header > div > div.h-10.rounded-lg > a[href$="/depositar"]{width:32px !important;height:32px !important;padding:0 !important;border-radius:999px !important;justify-content:center !important;flex:none;color:#fff !important}
header > div > div.h-10.rounded-lg > a[href$="/depositar"] > span{display:none !important}
header > div > div.h-10.rounded-lg > a[href$="/depositar"] svg{width:18px;height:18px;stroke-width:2.5}
/* avatar */
header > div > div.relative > button.rounded-lg{width:40px !important;height:40px !important;border-radius:999px !important;background:var(--btvh-ctl) !important;color:#fff;font-size:0}
header > div > div.relative > button.rounded-lg:hover{background:var(--btvh-ctl-h) !important}
header > div > div.relative > button.rounded-lg svg.btvh-user{width:20px;height:20px}
/* deslogado: Entrar (fantasma) e Cadastre-se (verde), como no site antigo */
header > div > a[href$="/entrar"]{height:36px !important;padding:0 14px !important;border-radius:5px !important;background:transparent !important;border:0 !important;font-size:12px !important;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.72) !important}
header > div > a[href$="/entrar"]:hover{background:rgba(255,255,255,.04) !important;color:#fff !important}
header > div > a[href$="/cadastrar"]{height:36px !important;padding:0 18px !important;border-radius:5px !important;font-size:12px !important;font-weight:600;text-transform:uppercase}
@media(max-width:767px){header > div > div.h-10.rounded-lg{height:36px !important}header > div > div.h-10.rounded-lg > a[href$="/depositar"]{width:28px !important;height:28px !important}header > div > div.relative > button.rounded-lg{width:36px !important;height:36px !important}}

/* sino menor no celular, na proporcao do saldo e do avatar */
@media(max-width:767px){header > div > a[href$="/avisos"]{width:36px !important;height:36px !important}header > div > a[href$="/avisos"] svg{width:16px;height:16px}}

/* ===== Telas Entrar/Cadastro/Depositar/Sacar (molde antigo) ===== */
/* Betivo: paginas Entrar, Cadastre-se, Depositar e Sacar com cara de modal, no molde do site antigo */
.btv-mp main{position:relative;min-height:calc(100vh - 64px);background:rgba(0,0,0,.55) !important;padding:28px 12px 48px !important;display:flex;align-items:flex-start;justify-content:center}
.btv-mp main > div{width:100%;max-width:470px !important;background:#0F1519;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);padding:22px 24px 26px !important;overflow:hidden !important;position:relative;margin:0 !important}
.btv-mp.btv-narrow main > div{max-width:360px !important}
.btv-mp main .blur-3xl,.btv-mp main aside,.btv-mp main .lg\:hidden{display:none !important}
.btv-mp main > div [class*="max-w-"]:not([x-show]):not([x-cloak]){max-width:none !important;padding:0 !important;margin:0 !important;display:block !important}
.btv-mp main > div [class*="max-w-"][x-show]{max-width:none !important}
.btv-mp main a[href$="betivo.bet"],.btv-mp main a[href$="betivo.bet/"],.btv-mp main a[href*="rodadas"]{display:none !important}
.btv-mp .btv-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;text-decoration:none}
.btv-mp .btv-x:hover{background:rgba(255,255,255,.16)}
.btv-mp .btv-x svg{width:16px;height:16px}
.btv-mp .btv-top{display:block;width:calc(100% + 48px);max-width:none !important;margin:-22px -24px 16px;height:auto;object-fit:cover}
.btv-mp.btv-dep .btv-top{margin-top:0}
.btv-mp.btv-narrow .btv-logo,.btv-mp.btv-narrow main h1{display:none !important}
.btv-mp.btv-narrow main h1 + p{margin-top:2px !important;font-size:13px !important}
.btv-mp .btv-logo{display:block;width:120px;height:auto;margin:6px auto 14px}
.btv-mp main h1{font-size:18px !important;font-weight:800 !important;text-align:center;margin:0 0 4px !important;letter-spacing:-.01em}
.btv-mp main h1 + p{font-size:12px !important;text-align:center;margin:0 0 18px !important;color:#8A9391 !important}
.btv-mp main form{margin-top:0 !important}
.btv-mp main form > div{margin-bottom:12px}
.btv-mp main label{font-size:12px !important;font-weight:700 !important;color:#fff !important;margin-bottom:6px !important}
.btv-mp main input[type=text],.btv-mp main input[type=email],.btv-mp main input[type=password],.btv-mp main input[type=tel],.btv-mp main input[type=number],.btv-mp main select{height:48px !important;padding-top:0 !important;padding-bottom:0 !important;border-radius:8px !important;background:#171C21 !important;border:1px solid #2B3238 !important;font-size:14px !important;color:#fff !important}
.btv-mp main input:focus{border-color:#1FAD66 !important;box-shadow:none !important;outline:0 !important}
.btv-mp main button[type=submit]{height:48px !important;border-radius:8px !important;background:#1FAD66 !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.02em;box-shadow:none !important}
.btv-mp main button[type=submit] svg{display:none}
.btv-mp main .text-\[var\(--color-primary\)\]{color:#24B26D !important}
/* deposito */
.btv-mp .btv-hero{height:150px;background:radial-gradient(60% 100% at 50% 0,rgba(31,173,102,.35),transparent 70%),#0F1519;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0 -24px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.btv-mp .btv-hero small{color:#1FAD66;font-size:11px;letter-spacing:.35em;font-weight:700}
.btv-mp .btv-hero b{color:#fff;font-size:16px;font-weight:800}
.btv-mp .btv-sub{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.btv-mp .btv-sub a{width:36px;height:36px;border-radius:999px;background:#22262A;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.btv-mp .btv-sub a svg{width:16px;height:16px}
.btv-mp .btv-sub b{display:block;color:#fff;font-size:14px;font-weight:800}
.btv-mp .btv-sub i{display:block;color:#8A9391;font-size:11px;font-style:normal}
.btv-mp.btv-dep main > div{padding-top:0 !important}
.btv-mp.btv-dep main h1,.btv-mp.btv-dep main h1 + p{display:none !important}
.btv-mp.btv-dep main .text-center{text-align:left !important}
.btv-mp.btv-dep main input[name=amount],.btv-mp.btv-dep main input.btv-mask{width:100% !important;max-width:none !important;height:48px !important;font-size:16px !important;text-align:left !important;padding:0 14px 0 44px !important;border-radius:8px !important;background:#171C21 !important;border:1px solid #2B3238 !important;font-family:inherit !important}
.btv-mp.btv-dep main .inline-flex.items-baseline > span:first-child{display:block !important;position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px !important;font-weight:700;color:#fff;line-height:1;pointer-events:none;z-index:1}
.btv-mp.btv-dep main .inline-flex.items-baseline{display:block !important;width:100% !important;position:relative}
.btv-mp.btv-dep main button[class*="min-h-[54px]"]{min-height:44px !important;height:44px !important;border-radius:8px !important;background:#171C21 !important;border:1px solid #2B3238 !important;font-size:13px !important;font-weight:700 !important;color:#fff !important}
.btv-mp.btv-dep main button[class*="min-h-[54px]"][class*="border-[var(--color-primary)]"],.btv-mp.btv-dep main button[class*="min-h-[54px]"].ring-2{border-color:#1FAD66 !important;background:#202021 !important}
.btv-mp.btv-dep main .btv-lbl{display:block;color:#fff;font-size:13px;font-weight:700;margin:0 0 8px}
.btv-mp.btv-dep main .btv-min{display:block;color:#8A9391;font-size:11px;margin:6px 0 14px}
/* saque: dois cards como no site antigo */
.btv-mp.btv-wd main h1,.btv-mp.btv-wd main h1 + p{display:none !important}
.btv-mp .btv-wcard{background:#111820;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;margin:0 0 14px}
.btv-mp .btv-wcard small{display:block;color:#1FAD66;font-size:11px;font-weight:700;letter-spacing:.3em;margin-bottom:6px}
.btv-mp .btv-wrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.btv-mp .btv-wrow > b{color:#fff;font-size:16px;font-weight:800}
.btv-mp .btv-wbox{background:#1B2329;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 14px;text-align:right}
.btv-mp .btv-wbox i{display:block;color:#8A9391;font-size:10px;font-style:normal;letter-spacing:.18em;text-transform:uppercase}
.btv-mp .btv-wbox b{display:block;color:#fff;font-size:14px;font-weight:800}
.btv-mp .btv-wcard p.btv-wnote{color:#C9CFD3;font-size:12px;line-height:1.5;margin:14px 0 0}
.btv-mp .btv-wl{color:#C9CFD3;font-size:13px;margin:0 0 10px}
.btv-mp .btv-wpix{width:118px;height:64px;border-radius:10px;background:#202021;border:1px solid #1FAD66;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.btv-mp .btv-wpix img{height:26px;width:auto}
.btv-mp .btv-wpix span{color:#1FAD66;font-weight:800;letter-spacing:.2em}
.btv-mp .btv-whr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:0 0 16px}
.btv-mp .btv-wcard form label{color:#C9CFD3 !important;font-weight:500 !important}
.btv-mp .btv-wcard form button[type=submit]{text-transform:none !important;font-size:15px !important;background:#06E05B !important;color:#131314 !important;border-radius:12px !important;height:52px !important}
.btv-mp.btv-wd main form > div.text-center{text-align:left !important;margin-bottom:14px !important}
.btv-mp.btv-wd main form > div.text-center.mb-7{display:block !important}
.btv-mp.btv-wd main form > div.text-center > div.mt-4{display:none !important}
.btv-mp.btv-wd main form .inline-flex.items-baseline{display:block !important;width:100% !important;position:relative}
.btv-mp.btv-wd main form .inline-flex.items-baseline > span:first-child{display:block !important;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px !important;font-weight:700;color:#fff;line-height:1;pointer-events:none;z-index:1}
.btv-mp.btv-wd main form input[name=amount],.btv-mp.btv-wd main form input.btv-mask{width:100% !important;max-width:none !important;height:52px !important;font-size:15px !important;text-align:left !important;padding:0 60px 0 46px !important;border-radius:10px !important;background:#0E141A !important;border:1px solid #243038 !important;font-family:inherit !important;color:#fff !important}
.btv-mp.btv-wd .btv-brl{position:absolute;right:16px;top:16px;color:#fff;font-weight:700;font-size:14px}
.btv-mp.btv-wd .btv-wlab{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:13px;color:#C9CFD3}
.btv-mp.btv-wd .btv-wlab b{color:#fff;font-weight:600}
.btv-mp.btv-wd main form > div.mb-7:not(.rounded-2xl):not(.text-center){display:none !important}
.btv-mp.btv-wd main form .mb-7.rounded-2xl{display:none}
.btv-mp.btv-wd main form .mb-7.rounded-2xl.btv-open{display:block;background:transparent !important;padding:0 !important;border:0 !important}
.btv-mp.btv-wd .btv-krow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 18px}
.btv-mp.btv-wd .btv-krow label{display:block;font-size:13px;color:#C9CFD3;margin:0 0 8px}
.btv-mp.btv-wd .btv-krow select,.btv-mp.btv-wd .btv-krow input{width:100%;height:52px;border-radius:10px;background:#0E141A;border:1px solid #243038;color:#fff;padding:0 16px;font-size:15px;appearance:none;-webkit-appearance:none}
.btv-mp.btv-wd .btv-krow .sel{position:relative}.btv-mp.btv-wd .btv-krow .sel:after{content:"";position:absolute;right:16px;top:23px;width:8px;height:8px;border-right:2px solid #C9CFD3;border-bottom:2px solid #C9CFD3;transform:rotate(45deg);pointer-events:none}
.btv-mp.btv-wd .btv-kadd{display:block;font-size:12px;color:#24B26D;margin:-8px 0 16px;cursor:pointer}
.btv-mp.btv-wd main form .rounded-2xl.bg-gradient-to-br,.btv-mp.btv-wd main form > div.flex.items-center.justify-center,.btv-mp.btv-wd main form > p.text-center{display:none !important}
.btv-mp.btv-wd main form button[type=submit]{min-height:52px !important;padding:0 !important;border-radius:14px !important;background:#06E05B !important;color:#131314 !important;font-size:15px !important;text-transform:none !important}

/* ===== Maiores ganhos no lobby (carrossel) ===== */
/* Betivo: Maiores ganhos como carrossel no lobby, abaixo do Jogo Surpresa */
html.btvw-on .btvw-src-desk,html.btvw-on .btvw-src-mob{display:none !important}
@media(min-width:1024px){html.btvw-on main .lg\:pr-72{padding-right:0 !important}html.btvw-on main .lg\:mr-\[12px\]{margin-right:0 !important}}
.btvw-wrap{position:relative;overflow:hidden;border-radius:16px}
.btvw-track{display:flex;gap:10px;width:max-content;animation:btvw-x var(--btvw-dur,50s) linear infinite;will-change:transform}
.btvw-wrap:hover .btvw-track{animation-play-state:paused}
@keyframes btvw-x{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.btvw-track{animation:none}}
.btvw-card{display:flex;align-items:center;gap:12px;width:250px;padding:10px 12px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);color:#fff;text-decoration:none;transition:background .15s}
.btvw-card:hover{background:var(--color-surface-2)}
.btvw-th{position:relative;width:44px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;flex:none;background:var(--color-surface-2)}
.btvw-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.btvw-tx{min-width:0;line-height:1.2}
.btvw-n{font-size:13px;font-weight:900;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btvw-g{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btvw-v{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--color-accent);margin-top:2px}
.btvw-sub{display:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.btvw-sub{display:none !important}
.btvw-fade{position:absolute;inset-y:0;top:0;bottom:0;width:40px;pointer-events:none}
.btvw-fade.l{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}
.btvw-fade.r{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}

/* ===== Provedores no fim da home (girando) ===== */
/* Betivo: Jogos por Provedor no fim da home, girando em loop */
.btvp{margin-bottom:0 !important}
/* Ver todos da fileira no padrao cinza/branco dos outros (tambem no lobby ao vivo, onde a fileira vem sem as setas) */
.btvp a[href*="/cassino/provedores"]{background:#1E2226 !important;color:#fff !important;border-color:transparent !important}
.btvp a[href*="/cassino/provedores"]:hover{background:#2A2F35 !important}
.btvp a[href*="/cassino/provedores"] svg{color:#fff !important}
.btvp .overflow-x-auto{padding-bottom:4px !important;margin-bottom:0 !important}
main > div.pb-10{padding-bottom:0 !important}
/* aperta o vao antes do rodape: a reserva da barra de baixo vai pra depois do rodape */
main{padding-bottom:8px !important}
.btvf{margin-top:16px !important}
@media(min-width:1024px){.btvf{margin-top:16px !important}}
@media(max-width:1023px){.btvf{margin-bottom:calc(88px + env(safe-area-inset-bottom)) !important}}

/* ===== Banners 3 lado a lado (site antigo) ===== */
/* Betivo: banners no molde da Leon (arte + titulo, subtitulo e botao em HTML), 3 lado a lado no desktop, 1 por vez no celular */
.btvb-hide{display:none !important}
/* lobby ao vivo: sai o bloco todo (titulo, "Buscar mesas" e chips de provedor); ficam os banners e as mesas */
html.btv-aovivo main > div > div.px-3.lg\:px-6.mb-4{display:none !important}
/* capas das mesas ao vivo sao 300x350 (6:7): o card acompanha a proporcao pra nao cortar as laterais (bandeira etc.) */
html.btv-aovivo .bb-gamecard .gc-skel{aspect-ratio:6/7 !important}
.btvb-top{padding-top:16px}
@media(min-width:1024px){.btvb-top{padding-top:20px}}
.btvb-top + div > .px-3.lg\:px-6.mb-4{margin-top:8px}
.btvb-wrap{position:relative}
.btvb-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}
.btvb-track::-webkit-scrollbar{display:none}
.btvb-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:828/536;border-radius:5px;overflow:hidden;background:#1E2226;display:block;container-type:inline-size;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(0,0,0,.6);color:#fff;text-decoration:none}
.btvb-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block;transition:transform .5s ease}
.btvb-slide:hover img{transform:scale(1.03)}
@media(min-width:768px){.btvb-track{gap:16px}.btvb-slide{flex-basis:calc((100% - 16px)/2)}}
@media(min-width:1200px){.btvb{padding:8px 16px 0 !important}.btvb-track{gap:16px}.btvb-slide{flex-basis:calc((100% - 32px)/3)}}
/* texto por cima da arte */
.btvb-txt{position:absolute;left:4.6%;top:7%;right:36%;z-index:1;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.btvb-t{font-size:28px;font-size:7.6cqw;font-weight:700;line-height:1.02;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.btvb-s{font-size:15px;font-size:4.2cqw;font-weight:400;line-height:1.2;color:#F2F4F5}
.btvb-btn{position:absolute;left:4.6%;bottom:8.5%;z-index:1;height:16.5%;padding:0 4.3%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;font-size:13px;font-size:3.5cqw;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-radius:5px;line-height:1;white-space:nowrap;transition:background .15s;text-shadow:none}
.btvb-slide:hover .btvb-btn{background:#E8ECEC}
.btvb-bars{position:absolute;left:14px;right:14px;top:10px;display:flex;gap:6px;z-index:2;pointer-events:none}
.btvb-bars i{flex:1;height:3px;border-radius:999px;background:rgba(255,255,255,.35);overflow:hidden;display:block}
.btvb-bars i b{display:block;height:100%;width:0;background:#fff;border-radius:999px}
.btvb-bars i.done b{width:100%}
.btvb-bars i.on b{animation:btvb-fill var(--btvb-t,3000ms) linear forwards}
@keyframes btvb-fill{from{width:0}to{width:100%}}
.btvb-wrap:not(.scrollable) .btvb-bars{display:none}
@media(min-width:768px){.btvb-bars{display:none}}
@media(max-width:767px){.btvb-wrap.scrollable .btvb-dots{display:none}.btvb-txt{top:11%}}
.btvb-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.btvb-dots button{height:6px;width:6px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.4);transition:all .2s;cursor:pointer}
.btvb-dots button.on{width:20px;background:var(--color-primary)}
.btvb-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.btvb-nav:hover{background:rgba(0,0,0,.8)}.btvb-nav.l{left:8px}.btvb-nav.r{right:8px}
.btvb-nav svg{width:20px;height:20px}
@media(min-width:768px){.btvb-wrap.scrollable .btvb-nav{display:flex}}
.btvb-wrap:not(.scrollable) .btvb-dots{display:none}

/* ===== Busca e idioma (molde antigo) ===== */
/* Betivo: painel de busca e seletor de idioma no molde do site antigo */
.btvs-ov{position:fixed !important;inset:0 !important;z-index:80 !important;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:none;padding:14px 16px 0;overflow:auto;overscroll-behavior-x:contain}
.btvs-ov.on{display:block}
.btvs-bar{display:flex;gap:10px;max-width:820px;margin:0 auto;align-items:center}
.btvs-in{flex:1;display:flex;align-items:center;gap:12px;height:48px;padding:0 20px;border-radius:999px;background:#22262A;border:1px solid rgba(255,255,255,.06)}
.btvs-in svg{width:18px;height:18px;color:#8A9391;flex:none}
.btvs-in input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:15px;min-width:0}
.btvs-in input::placeholder{color:#8A9391}
.btvs-x{width:48px;height:48px;border-radius:999px;background:#22262A;border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.btvs-x svg{width:18px;height:18px}
.btvs-box{max-width:820px;margin:18px auto 24px;background:#22262A;border-radius:14px;min-height:130px;padding:18px;color:#8A9391;font-size:13px}
.btvs-msg{text-align:center;padding:36px 0}
.btvs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.btvs-g{display:block;color:#fff;text-decoration:none}
.btvs-g span{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#2C3136;margin-bottom:6px}
.btvs-g img{width:100%;height:100%;object-fit:cover;display:block}
.btvs-g b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btvs-load{height:6px;border-radius:999px;background:linear-gradient(90deg,#2C3136,#3A4148,#2C3136);background-size:200% 100%;animation:btvs-l 1s linear infinite}
@keyframes btvs-l{to{background-position:-200% 0}}
/* idioma */
.btvh-lang{cursor:pointer;position:relative;user-select:none}
.btvh-lang .chev{width:14px;height:14px;margin-left:2px;transition:transform .15s}
.btvh-lang.open .chev{transform:rotate(180deg)}
.btvl-menu{position:absolute !important;top:calc(100% + 8px);left:0;min-width:120px;background:#22262A;border-radius:14px;padding:6px;display:none;z-index:70 !important;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.btvh-lang.open .btvl-menu{display:block}
.btvl-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:transparent;color:#fff;font-weight:700;font-size:13px;border-radius:10px;cursor:pointer;text-align:left}
.btvl-menu button:hover,.btvl-menu button.on{background:#32383E}
.btvl-menu img{width:18px;height:13px;border-radius:2px}
/* esconde a barra do Google Tradutor */
#btv-gt{display:none}
.goog-te-banner-frame,.skiptranslate iframe,#goog-gt-tt,.goog-te-balloon-frame{display:none !important}
body{top:0 !important}
font[style]{background:none !important;box-shadow:none !important}

/* ===== Menu inferior mobile (molde antigo) ===== */
/* Betivo: menu inferior do celular no molde do site antigo */
nav.bb-mobile-bar.btvn{background:#1E2226 !important;border-top:1px solid rgba(255,255,255,.06);position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;transform:none !important;translate:none !important;opacity:1 !important;visibility:visible !important}
html,body{overscroll-behavior-y:none}
nav.bb-mobile-bar.btvn > .grid{height:64px !important}
nav.bb-mobile-bar.btvn .btvn-i{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-bottom:9px;font-size:10px;font-weight:600;letter-spacing:.01em;color:#B5BCC2;text-decoration:none;background:transparent;border:0;font-family:inherit}
nav.bb-mobile-bar.btvn .btvn-i.on{color:#fff}
nav.bb-mobile-bar.btvn .btvn-i.off{color:#6B7378}
nav.bb-mobile-bar.btvn .btvn-i svg{width:24px;height:24px;stroke-width:1.9}
nav.bb-mobile-bar.btvn .btvn-orb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px;gap:3px;font-size:10px;font-weight:700;color:#B5BCC2;text-decoration:none}
/* bolinha de depositar: so 25% pra fora da barra */
nav.bb-mobile-bar.btvn .btvn-orb span{width:56px;height:56px;margin-top:-14px;border-radius:999px;background:#3FA867;box-shadow:0 0 0 4px #17191C,0 6px 18px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff}
nav.bb-mobile-bar.btvn .btvn-orb span svg{width:23px;height:24px}
/* menu lateral do sportsbook (celular): abre pelo botao Menu, itens um embaixo do outro */
.btvsm-ov{display:none;position:fixed !important;inset:0 !important;z-index:1090 !important;background:rgba(0,0,0,.6)}
.btvsm{position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;right:auto !important;z-index:1095 !important;width:78% !important;max-width:320px;margin:0 !important;background:#17191C;transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
html.btvsm-open .btvsm{transform:none !important}html.btvsm-open .btvsm-ov{display:block !important}
.btvsm-h{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:16px}
.btvsm-x{width:40px;height:40px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px}
.btvsm-x svg{width:20px;height:20px}
.btvsm-t{padding:14px 18px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7378}
.btvsm a{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;color:#B5BCC2;font-size:14px;font-weight:600;text-decoration:none}
.btvsm a svg{width:22px;height:22px;stroke-width:1.9;flex:none}
.btvsm a.on{color:#fff;background:rgba(255,255,255,.05)}

/* ===== Icones do menu lateral (molde antigo) ===== */
/* Betivo: icones do menu lateral no molde do site antigo (linha, nao emoji) */
aside .bb-emoji.btvi,aside .bb-ico-emoji.btvi{display:inline-flex !important;align-items:center;justify-content:center;width:20px;height:20px;filter:none !important;opacity:1 !important;font-size:0 !important}
aside .bb-ico-emoji.btvi{width:16px;height:16px}
aside .bb-emoji.btvi svg,aside .bb-ico-emoji.btvi svg{width:100%;height:100%;stroke:currentColor}
aside a:not(.bb-nav-active) .bb-emoji.btvi{color:#B5BCC2}
aside a:not(.bb-nav-active):hover .bb-emoji.btvi{color:#fff}

/* ===== Busca, filtro e chips no mobile (molde antigo) ===== */
/* Betivo (celular): busca + filtro + chips abaixo do banner, e painel Filtros, no molde do site antigo */
.btvf-row{display:none;gap:10px;align-items:center;padding:14px 16px 0}
.btvf-search{flex:1;display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;background:#22262A;color:#8A9391;font-size:15px}
.btvf-search svg{width:18px;height:18px;flex:none}
.btvf-fbtn{width:48px;height:48px;border-radius:14px;background:#22262A;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#1FAD66}
.btvf-fbtn svg{width:20px;height:20px}
.btvf-chips{display:none;gap:8px;padding:12px 16px 0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.btvf-chips::-webkit-scrollbar{display:none}
.btvf-chips a{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;text-decoration:none;background:transparent}
.btvf-chips a svg{width:16px;height:16px}
@media(max-width:1023px){.btvf-row{display:flex}.btvf-chips{display:flex}}
/* painel */
.btvf-ov{position:fixed !important;inset:0 !important;z-index:95 !important;background:rgba(0,0,0,.6);display:none}
.btvf-ov.on{display:block}
.btvf-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:#0B0E10;border-radius:18px 18px 0 0;color:#fff}
.btvf-hd{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.btvf-hd b{font-size:20px;font-weight:800}
.btvf-x{width:32px;height:32px;border-radius:999px;background:#22262A;border:0;color:#fff;display:flex;align-items:center;justify-content:center}
.btvf-x svg{width:14px;height:14px}
.btvf-body{overflow:auto;padding:16px 20px 8px;overscroll-behavior-x:contain}
.btvf-sec{margin:0 0 22px}
.btvf-sec h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:800}
.btvf-sec h4 span{font-size:12px;font-weight:600;color:#B5BCC2;background:#22262A;border-radius:999px;padding:2px 9px}
.btvf-grid{display:flex;flex-wrap:wrap;gap:8px}
.btvf-grid label{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:#22262A;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}
.btvf-grid label.on{background:#1FAD66;color:#131314}
.btvf-grid label.hid{display:none}
.btvf-grid input{display:none}
.btvf-more{display:block;margin:12px auto 0;background:transparent;border:0;color:#24B26D;font-weight:700;font-size:14px}
.btvf-ft{display:flex;align-items:center;gap:14px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08)}
.btvf-clear{background:transparent;border:0;color:#8A9391;font-weight:700;font-size:15px;padding:0 4px}
.btvf-apply{flex:1;height:52px;border-radius:14px;border:0;background:#4CAF6E;color:#fff;font-weight:800;font-size:16px}

/* ===== Meu perfil e paginas da conta (molde antigo) ===== */
/* Betivo: tela "Meu perfil" e paginas da conta no molde do site antigo */
.btvu-ov{position:fixed !important;inset:0 !important;z-index:1000 !important;background:rgba(0,0,0,.6);display:none}
html.btvu-open .btvu-ov{display:block}
.btvu{position:fixed !important;inset:0 !important;z-index:1001 !important;background:#0D0F11;color:#fff;overflow-y:auto;padding:16px 16px 40px;display:none}
html.btvu-open .btvu{display:block}
html.btvu-open{overflow:hidden}
@media(min-width:1024px){.btvu{inset:12px 12px 12px auto !important;width:415px;border-radius:16px;padding:20px 20px 32px;box-shadow:0 20px 60px rgba(0,0,0,.6)}}
.btvu-top{display:flex;align-items:center;position:relative;margin-bottom:16px}
.btvu-back{width:40px;height:40px;border-radius:8px;background:#32383E;color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.btvu-back svg{width:22px;height:22px}
.btvu-top h2{position:absolute;left:0;right:0;text-align:center;margin:0;font-size:16px;font-weight:700;pointer-events:none}
.btvu-card{background:#1E2226;border-radius:14px;padding:16px;margin-bottom:12px}
.btvu-user{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:24px 16px;background:#1E2226 radial-gradient(120% 100% at 10% 0%,rgba(31,173,102,.38),transparent 62%)}
.btvu-av{width:76px;height:76px;border-radius:999px;background:#32383E;border:3px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;flex:none;overflow:hidden}
.btvu-av img{width:100%;height:100%;object-fit:cover}
.btvu-name{font-size:18px;font-weight:800;display:flex;align-items:center;gap:6px}
/* `color` fica so no caso sem selo de nivel. Dentro de `.btvu-selo` o icone
   herda a cor que o JS poe no span, senao esta regra ganha do inline (ela mira
   o SVG, o inline mira o span) e o selo fica verde pra todo nivel. */
.btvu-name > svg{width:18px;height:18px;color:#1FAD66;flex:none}
.btvu-name .btvu-selo svg{width:18px;height:18px;color:inherit;flex:none}
.btvu-id{font-size:12px;color:rgba(255,255,255,.45);margin:2px 0 6px;word-break:break-all}
.btvu-link{color:var(--btv-nivel,rgba(255,255,255,.7));font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}
.btvu-balh{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;background:none;border:0;width:100%;padding:0;font:inherit;color:rgba(255,255,255,.7)}
.btvu-balh svg{width:20px;height:20px;transition:transform .2s}
.btvu-x .btvu-balh svg{transform:rotate(180deg)}
.btvu-val{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;margin:6px 0 16px;line-height:1.1}
.btvu-val button{background:none;border:0;color:rgba(255,255,255,.6);padding:0;cursor:pointer;display:flex}
.btvu-val svg{width:20px;height:20px}
.btvu-rows{display:none;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin:-6px 0 14px}
.btvu-x .btvu-rows{display:block}
.btvu-rows div{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:rgba(255,255,255,.7)}
.btvu-rows div.t{border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:10px}
.btvu-rows b{color:#fff;font-weight:700}
.btvu-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btvu-btns a{height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;text-decoration:none;color:#fff}
.btvu-dep{background:#1FAD66}.btvu-dep:hover{background:#1A9A5A}.btvu-sac{border:1px solid rgba(255,255,255,.15)}.btvu-sac:hover{background:rgba(255,255,255,.05)}
.btvu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}
@media(min-width:1024px){.btvu-grid{grid-template-columns:repeat(5,1fr)}}
.btvu-grid a{background:#1E2226;border-radius:10px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:13px;font-weight:700;text-decoration:none;text-align:center;line-height:1.15}
.btvu-grid a:hover{color:#fff;background:#252A2F}
.btvu-grid svg{width:22px;height:22px;color:#fff}
.btvu-row{display:flex;align-items:center;gap:12px;background:#1E2226;border-radius:12px;padding:14px 16px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:12px}
.btvu-row:hover{background:#252A2F}
.btvu-row svg{width:22px;height:22px;color:#1FAD66;flex:none}
.btvu-row span{flex:1}.btvu-row em{font-style:normal;color:#1FAD66;font-weight:700;white-space:nowrap}
.btvu-row i{color:rgba(255,255,255,.5);font-style:normal;font-size:18px}
.btvu-off{opacity:.45;cursor:default}.btvu-off em{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7)}.btvu-off:hover{background:#1E2226}
.btvu-soc{text-align:center;color:rgba(255,255,255,.7);font-size:13px;margin:28px 0 12px}
.btvu-socs{display:flex;justify-content:center;gap:8px}
.btvu-socs a,.btvu-socs span{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#B0B6BC}
.btvu-socs span{opacity:.4}.btvu-socs a:hover{background:rgba(255,255,255,.12);color:#fff}
.btvu-socs svg{width:18px;height:18px}
.btvu-out{display:block;width:100%;background:none;border:0;color:#1FAD66;font-weight:700;font-size:14px;margin-top:28px;cursor:pointer;font-family:inherit;padding:8px}
/* paginas da conta */
.btva-hide{display:none !important}
.btva-top{display:flex;align-items:center;position:relative;height:44px;margin-bottom:12px}
.btva-back{width:36px;height:36px;border-radius:999px;background:#fff;color:#0D0F11;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;z-index:1}
.btva-back svg{width:22px;height:22px}
.btva-top h2{position:absolute;left:0;right:0;text-align:center;font-size:22px;font-weight:800;margin:0;pointer-events:none}
.btva-user{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:#1E2226;border-radius:14px;padding:16px;margin-bottom:16px}
.btva-av{width:56px;height:56px;border-radius:999px;background:#32383E;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex:none;overflow:hidden}
.btva-av img{width:100%;height:100%;object-fit:cover}
.btva-user .n{font-weight:800;font-size:16px;display:flex;gap:6px;align-items:center}
.btva-user .n > svg{width:16px;height:16px;color:#1FAD66}
.btva-user .n .btva-selo{display:inline-flex;color:var(--btv-nivel,rgba(255,255,255,.35))}
.btva-user .n .btva-selo svg{width:16px;height:16px;color:inherit}
.btva-user .l{font-size:13px;color:rgba(255,255,255,.55);margin-top:2px}
.btva-user .v{font-size:18px;font-weight:800}
.btva-user .dep{margin-left:auto;background:#1FAD66;color:#fff;border-radius:8px;padding:0 18px;height:44px;display:flex;align-items:center;font-weight:700;text-decoration:none;font-size:14px;flex:none}
.btva-tabs{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 20px;padding:0 16px 4px;scrollbar-width:none;overscroll-behavior-x:contain}
.btva-tabs::-webkit-scrollbar{display:none}
.btva-tabs a{flex:none;width:calc(25% - 13px);min-width:74px;text-align:center;text-decoration:none;color:rgba(255,255,255,.7);font-size:13px;font-weight:700}
.btva-tabs i{display:flex;align-items:center;justify-content:center;height:72px;border-radius:14px;background:#1E2226;margin-bottom:8px;color:#fff}
.btva-tabs a.on{color:#1FAD66}.btva-tabs a.on i{background:#1FAD66;color:#fff}
.btva-tabs svg{width:26px;height:26px}
.btva-side{display:none}
@media(min-width:1024px){
.btva-top,.btva-user,.btva-tabs{display:none}
html.btva main > div{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 32px;max-width:1120px !important;align-items:start}
html.btva main > div > *{grid-column:2}
.btva-side{display:block;grid-column:1 !important;grid-row:1/span 80;background:#1E2226;border-radius:14px;padding:32px 0 16px;position:sticky;top:76px}
.btva-side .av{width:76px;height:76px;border-radius:999px;background:#32383E;border:3px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;margin:0 auto 14px;overflow:hidden}
.btva-side .av img{width:100%;height:100%;object-fit:cover}
.btva-side .n{text-align:center;font-weight:800;font-size:16px;margin-bottom:10px;display:flex;justify-content:center;gap:6px;align-items:center;padding:0 16px}
.btva-side .n > svg{width:16px;height:16px;color:#1FAD66}
.btva-side .n .btva-selo{display:inline-flex;color:var(--btv-nivel,rgba(255,255,255,.35))}
.btva-side .n .btva-selo svg{width:16px;height:16px;color:inherit}
.btva-side a{display:flex;align-items:center;gap:12px;height:48px;padding:0 24px;color:#fff;text-decoration:none;font-size:14px;border-left:3px solid transparent}
.btva-side a:hover{background:rgba(255,255,255,.03)}
.btva-side a svg{width:18px;height:18px}
.btva-side a.on{color:#1FAD66;border-color:#1FAD66;background:rgba(255,255,255,.04)}
}
/* cards das paginas da conta com fundo separado, como no site antigo */
html.btva main > div > [class*="rounded-"]:not(.btva-side):not(.btva-user):not(.btva-tabs),html.btva main > div > .grid > [class*="rounded-"],html.btva main > div > form > [class*="rounded-"],html.btva main > div > .cb-saldo,html.btva main > div > .cb-hub,html.btva main > div > form.rounded-xl{background:#1E2226 !important;border-color:transparent !important;border-style:solid !important;border-radius:14px !important;box-shadow:none !important}
/* Campo de formulario dentro do cartao fica MAIS ESCURO que o cartao: e o que
   faz parecer campo. */
html.btva main > div > [class*="rounded-"] input,html.btva main > div > [class*="rounded-"] select,html.btva main > div > .cb-hub input,html.btva main > div > .cb-hub select{background:#14181B !important;border-color:rgba(255,255,255,.08) !important}
/* Ja a LINHA de lista dentro do cartao (cada deposito no extrato, cada bonus,
   cada aposta) precisa do contrario: mais clara que o cartao, senao ela some no
   preto. Era #14181B junto com os campos e no extrato dava aquela lista
   invisivel, ainda por cima com o "EXPIRADO" apagando o texto. */
/* Linha de lista (cada deposito do extrato, cada bonus, cada aposta) fica em
   #1F2226, a cor que o Carlos mandou em imagem (medida pixel a pixel: rgb 31,34,38,
   que e o mesmo cinza dos cartoes da conta). Sem isso ela herda o tom cru da
   plataforma, que naquelas paginas e quase preto e some.
   Duas regras porque a lista as vezes e filha direta do cartao e as vezes vem
   mais funda (cartao > agrupador do dia > linha). A segunda tem especificidade
   MENOR que a do cartao de primeiro nivel de proposito, pra nao repintar o
   cartao junto. Campo de formulario fica de fora pelo :not, senao um input de
   cantos arredondados viraria linha. */
html.btva main > div > [class*="rounded-"] [class*="bg-[var(--color-surface)]"]{background:#1F2226 !important;border-color:rgba(255,255,255,.08) !important}
html.btva main [class*="rounded-"][class*="bg-[var(--color-surface)]"]:not(input):not(select):not(textarea){background:#1F2226 !important;border-color:rgba(255,255,255,.08) !important}
html.btva main > div > form input,html.btva main > div > form select{background:#1E2226 !important;border-color:transparent !important}
html.btva main > div > [class*="rounded-"] [class*="divide-"] > *,html.btva main > div > [class*="rounded-"] [class*="border-b"]{border-color:rgba(255,255,255,.07) !important}
html.btva main > div > [class*="rounded-"] .rounded-full[class*="bg-[var(--color-surface"]{background:#2A2F35 !important}

/* ===== Entrar/Cadastrar/Depositar/Sacar abrem sem sair da pagina ===== */
/* Betivo: Entrar, Cadastrar, Depositar e Sacar abrem por cima da pagina (sem sair dela), como no site antigo */
.btvm-ov{position:fixed !important;inset:0 !important;z-index:1200 !important;background:rgba(0,0,0,.72);display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 12px 48px}
html.btvm-open .btvm-ov{display:block}
html.btvm-open{overflow:hidden}
.btvm{width:100%;max-width:470px;margin:0 auto;position:relative}
.btvm .btv-mp main{display:block;min-height:0 !important;background:transparent !important;padding:0 !important;margin:0 !important}
.btvm .btv-mp main > div{margin:0 auto !important}
.btvm-load{display:flex;justify-content:center;padding:60px 0}
.btvm-load i{width:36px;height:36px;border-radius:999px;border:3px solid rgba(255,255,255,.15);border-top-color:#1FAD66;animation:btvm-spin .8s linear infinite}
@keyframes btvm-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.btvm-ov{padding:12px 10px 40px}}
.btvm-err{color:#F87171;font-size:12px;margin:6px 0 0;line-height:1.35}
.btvm-err-top{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:rgba(248,113,113,.1)}
/* "voce esta quase la": aparece quando o visitante fecha o cadastro que abriu sozinho */
.btvq-ov{position:fixed !important;inset:0 !important;z-index:1210 !important;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:16px}
html.btvq-open .btvq-ov{display:flex}
.btvq{width:100%;max-width:400px;background:#17191C;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px 24px 22px;text-align:center;color:#fff;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.btvq-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;background:transparent;color:#9AA3A9;font-size:24px;line-height:1;cursor:pointer;border-radius:8px}
.btvq-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.btvq-k{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(63,168,103,.15);color:#3FA867;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.btvq h3{margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.1}
.btvq p{margin:0 0 18px;font-size:15px;line-height:1.45;color:#C5CCD1}
.btvq p b{color:#fff}
.btvq-go{display:block;width:100%;height:48px;border:0;border-radius:8px;background:#3FA867;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;font-family:inherit}
.btvq-go:hover{background:#4CBF78}
.btvq-no{display:block;margin:12px auto 0;border:0;background:transparent;color:#8A9399;font-size:13px;cursor:pointer;font-family:inherit;text-decoration:underline}

/* ===== Top 10 com numeros e sem Jogo Surpresa ===== */
/* Betivo: tira o Jogo Surpresa e poe os numeros grandes no Top 10, como no site antigo */
#bb-slot{display:none !important}
.btvt-track{padding-left:16px !important}
.btvt-track > * + *{margin-left:18px !important}
@media(min-width:1024px){.btvt-track{padding-left:26px !important}.btvt-track > * + *{margin-left:30px !important}}
.btvt-track > *{position:relative}
/* numero do Top 10 no ALTO do card (08/10): as capas novas levam o nome no pe, e o numero em baixo tapava o nome */
.btvt-track > *::before{content:attr(data-btvn);position:absolute;left:-14px;top:8px;z-index:3;font-size:64px;font-weight:800;line-height:.85;color:transparent;-webkit-text-stroke:1.5px #fff;letter-spacing:-.05em;pointer-events:none;font-family:inherit;text-shadow:0 2px 10px rgba(0,0,0,.35)}
@media(min-width:1024px){.btvt-track > *::before{font-size:118px;left:-26px;top:10px;-webkit-text-stroke:2px #fff}}
.btvt-track .bb-gamecard{overflow:visible !important}
.btvt-top{display:none !important}
/* fundo dos cards de Maiores ganhos e Provedores como no site antigo */
.btvw-card,.btvp .overflow-x-auto > a{background:#1E2226 !important;border-color:transparent !important}
.btvw-card:hover,.btvp .overflow-x-auto > a:hover{background:#262B30 !important}
/* sem a barrinha verde antes dos titulos; Ver todos e setas no molde da Leon (cinza, texto branco) */
main section h2 > span:first-child:empty{display:none !important}
main section div:has(> button):has(> a) > a,main section div:has(> button):has(> a) > button{background:#1E2226 !important;color:#fff !important;border-color:transparent !important}
main section div:has(> button):has(> a) > a svg,main section div:has(> button):has(> a) > button svg{color:#fff !important}
main section div:has(> button):has(> a) > a:hover,main section div:has(> button):has(> a) > button:hover{background:#2A2F35 !important}

/* ===== Chat de suporte flutuante no canto (desktop) ===== */
/* Betivo: chat de suporte flutuante no canto direito (desktop), no molde da Leon */
.btvc-btn{display:none;position:fixed !important;right:24px !important;bottom:24px !important;z-index:1150 !important;width:56px;height:56px;border-radius:999px;border:0;background:#fff;color:#0B0D0E;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .15s}
.btvc-btn:hover{transform:scale(1.06)}
.btvc-btn svg{width:26px;height:26px}
.btvc{display:none;position:fixed !important;right:24px !important;bottom:24px !important;z-index:1160 !important;width:390px;height:min(640px,calc(100vh - 48px));border-radius:16px;overflow:hidden;background:#111316;box-shadow:0 24px 64px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);flex-direction:column}
.btvc-h{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 10px 0 16px;background:#17191C;border-bottom:1px solid rgba(255,255,255,.06);flex:none}
.btvc-h img{height:26px;width:auto}
.btvc-h b{color:#fff;font-size:18px;font-weight:800}
.btvc-x{width:40px;height:40px;border:0;background:transparent;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.btvc-x:hover{background:rgba(255,255,255,.08)}
.btvc-x svg{width:20px;height:20px}
.btvc iframe{flex:1;width:100%;border:0;background:#0B0D0E}
@media(min-width:1024px){html:not(.btvc-open) .btvc-btn{display:flex}html.btvc-open .btvc{display:flex}}
html.btvc-page .btvc-btn{display:none !important}
/* no celular a tela do chat esconde a barra inferior e a conversa vai ate o fim da tela */
@media(max-width:1023px){html.btvc-page nav.bb-mobile-bar{display:none !important}html.btvc-page .at-shell{bottom:max(env(safe-area-inset-bottom),var(--at-kb,0px)) !important}}

/* ===== Aviso de giros e bonus no sino (sem botao flutuante) ===== */
/* Betivo: aviso de giros/bonus sai do botao flutuante (que ficava por cima do chat) e vai pro sino e pro Promocoes */
.bb-gift-fab,[class*="bb-"][class*="-fab"]{display:none !important}
.btvg-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#EF4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #17191C;animation:btvg-pulse 1.8s infinite;pointer-events:none;font-family:inherit}
@keyframes btvg-pulse{0%{box-shadow:0 0 0 2px #17191C,0 0 0 0 rgba(239,68,68,.55)}70%{box-shadow:0 0 0 2px #17191C,0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 2px #17191C,0 0 0 0 rgba(239,68,68,0)}}
header > div > a[href$="/avisos"]{position:relative !important;overflow:visible !important}
.btvg-pill{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#EF4444;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;flex:none}
aside nav a.bb-nav-active .btvg-pill{background:#EF4444;color:#fff}

/* iOS: rolagem horizontal de carrossel nao pode arrastar a pagina inteira */
html,body{overscroll-behavior-x:none}

/* ===== Cards de bonus mais compactos (Promocoes e modal de deposito) ===== */
/* card da tela de Promocoes: 167px -> 143px */
.cb-ticket-body{padding:11px 14px 11px 16px !important}
.cb-ticket-desc{font-size:11.5px !important;line-height:1.35 !important;margin-top:2px !important}
.cb-ticket-foot{margin-top:8px !important;gap:8px !important}
.cb-ticket-cta{padding:11px 14px !important}

/* bloco do bonus aplicado dentro do modal de deposito: 181px -> 139px */
.cpn-prize{margin-top:8px !important}
.cpn-prize > div.relative{padding:10px !important;gap:10px !important}
.cpn-thumb{width:64px !important;height:64px !important;flex:0 0 64px !important}
.cpn-rounds{display:none !important}   /* a etiqueta repetia o texto ao lado e estourava a miniatura */
.cpn-foot{padding:8px 12px 10px !important}
.cpn-track,.cpn-fill{height:6px !important}

/* ===== Correcao: layout de duas colunas vazava para dentro do modal ===== */
/* html.btva main > div monta a grade das paginas de conta (300px + conteudo).
   Com o modal aberto por cima de uma dessas paginas, o main de dentro do modal
   tambem casava com a regra e o formulario de deposito era espremido em 90px. */
html.btva .btvm main > div{display:block !important;grid-template-columns:none !important;max-width:none !important;gap:0 !important}

/* ===== Bonus disponivel dentro da tela de Deposito ===== */
.btvbn{margin:0 0 18px}
.btvbn-tit{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--color-primary,#06E05B);margin:0 0 8px}
.btvbn-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(90deg,rgba(6,224,91,.10),rgba(6,224,91,.02));
  border:1px solid rgba(6,224,91,.28);margin-bottom:10px}
.btvbn-card:last-child{margin-bottom:0}
.btvbn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.btvbn-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary,#06E05B)}
.btvbn-valor{font-size:17px;font-weight:900;color:#fff;line-height:1.15}
.btvbn-bt{flex:none;height:42px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;
  background:var(--color-primary,#06E05B);color:#07080a;font-weight:800;font-size:14px;transition:filter .15s}
.btvbn-bt:hover{filter:brightness(1.08)}
.btvbn-bt[disabled]{opacity:.6;cursor:default}

/* ===== Correcao: botao Ativar desalinhado no celular =====
   Ate 560px a plataforma prega o botao no canto do card com position:absolute,
   bottom:.85rem e padding:0. A regra de compactar os cards acima reinjetava
   padding no .cb-ticket-cta e isso empurrava o botao 11px para cima e 14px para
   a esquerda, por cima da descricao. No celular o padding volta a ser zero. */
@media (max-width:560px){
  .cb-ticket-cta{padding:0 !important}
}

/* ===== Cartao do bonus aplicado, na tela de deposito: tudo numa linha =====
   Antes o bloco gastava tres linhas: o emoji com o rotulo CASHBACK, embaixo o
   valor, e embaixo ainda a frase "Credito de bonus (com rollover) por nossa
   conta". Na hora de depositar o jogador ja sabe o que e o bonus, entao fica so
   o rotulo ao lado do valor. O quadro do presente tambem encolhe junto. */
.cpn-prize .flex-1 > div:last-child{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:9px;row-gap:2px}
.cpn-prize .flex-1 > div:last-child > div{margin:0 !important}
.cpn-prize .flex-1 > div:last-child > div:nth-child(1) > span:first-child{display:none}
.cpn-prize .flex-1 > div:last-child > div:nth-child(3){display:none}
.cpn-thumb{width:46px !important;height:46px !important;flex:0 0 46px !important}
.cpn-prize > div.relative{padding:11px 12px !important;gap:11px !important}

/* ===== "+ R$ X de cashback" no lugar do deposito minimo ===== */
.btv-min--bonus{color:var(--color-primary,#06E05B) !important;font-weight:800 !important;font-size:12px !important}

/* ===== Tira o balao de conversa do titulo "Tenho um cupom de cashback" =====
   O icone e um balao de chat, o mesmo desenho do suporte, e ali nao abre
   conversa nenhuma: so confundia. O rotulo APLICADO ja da o estado. */
main form[action*="depositar"] .mb-6 button > span:first-child > svg{display:none}

/* ===== Aba ativa da conta volta a acender (Extrato, Minhas jogadas) =====
   A regra acima que da fundo proprio aos cards da conta
   (html.btva main > div > .grid > [class*="rounded-"]) tambem pegava as pilhas
   de aba, que sao <a> com rounded-lg dentro de um .grid. O verde da aba ativa
   sumia e sobrava o texto preto dela sobre fundo escuro, ilegivel. Aqui o
   fundo da aba ativa volta, so para quem ja pede a cor primaria. */
html.btva main > div > .grid > a[class*="bg-[var(--color-primary)]"]{
  background:var(--color-primary) !important;
  color:var(--color-on-primary,#07080a) !important}
.btvbn-erro{margin-top:8px;font-size:12px;line-height:1.35;color:#F87171}

/* ===== Seletor de historico dentro de Apostas ===== */
.btvhist{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin:0 0 14px;
  border-radius:14px;background:#14181B;border:1px solid rgba(255,255,255,.07)}
.btvhist a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;
  border-radius:10px;font-size:14px;font-weight:800;text-align:center;text-decoration:none;
  color:var(--color-text-muted,#9AA3A9);transition:color .15s,background .15s}
.btvhist a:hover{color:#fff}
.btvhist a.on{background:var(--color-primary,#1FAD66);color:var(--color-on-primary,#07080a)}

/* ===== Celular: o jogo ocupa exatamente o que sobra abaixo do cabecalho =====
   Medida em pixels, vinda do JS. A pagina continua podendo rolar: travar a
   rolagem no iPhone deixava o cabecalho preso fora da tela. */
html.btvg .btvg-box{height:var(--btvg-alt) !important;max-height:var(--btvg-alt) !important}
html.btvg main,html.btvg main > div{padding-top:0 !important;padding-bottom:0 !important}
/* ===== Temas e icones das faixas da home ===== */
.btvf-tit{display:flex;align-items:center;gap:10px}
.btvf-ico{
flex:0 0 28px;width:28px;height:28px;border-radius:9px;
display:inline-flex;align-items:center;justify-content:center;
color:var(--color-primary,#06E05B);
background:color-mix(in oklch, var(--color-primary,#06E05B) 14%, transparent);
box-shadow:0 0 0 1px color-mix(in oklch, var(--color-primary,#06E05B) 22%, transparent),
           0 0 14px color-mix(in oklch, var(--color-primary,#06E05B) 22%, transparent);
}
.btvf-ico svg{width:16px;height:16px;display:block}
@media (max-width:560px){
.btvf-tit{gap:8px}
.btvf-ico{flex:0 0 24px;width:24px;height:24px;border-radius:8px}
.btvf-ico svg{width:14px;height:14px}
}

/* faixa de slots montada por nos: o card clonado perde a largura do flex */
[data-btv-slots] a.bb-gamecard{flex:0 0 var(--btvs-w,188px) !important;width:var(--btvs-w,188px) !important}

/* card clonado perde a largura do flex do trilho */
a.btvc-card{flex:0 0 var(--btvc-w,188px) !important;width:var(--btvc-w,188px) !important}

/* ===== Caixa de entrada do sino ===== */
.btvi-ov{position:fixed !important;inset:0 !important;z-index:2147483000 !important;background:rgba(6,8,12,.55);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .16s ease}
.btvi-ov.on{opacity:1}
.btvi-box{position:fixed !important;z-index:2147483001 !important;background:var(--color-surface,#14161C);
  border:1px solid var(--color-border,#232733);border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column;
  max-height:min(560px,78vh);overflow:hidden;
  right:12px !important;top:66px !important;left:auto !important;bottom:auto !important;
  width:388px;transform-origin:100% 0;
  opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .16s ease,transform .16s ease}
.btvi-box.on{opacity:1;transform:none}
.btvi-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;
  border-bottom:1px solid var(--color-border,#232733)}
.btvi-head b{font-size:14px;font-weight:800;color:#fff}
.btvi-n{font-size:11px;font-weight:800;line-height:1;padding:4px 7px;border-radius:999px;
  color:#0f0f10;background:var(--color-primary,#06E05B)}
.btvi-x{margin-left:auto;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;color:var(--color-text-muted,#98A2B3);background:transparent;border:0;cursor:pointer}
.btvi-x:hover{background:var(--color-surface-2,#1C1F27);color:#fff}
.btvi-x svg{width:16px;height:16px}
.btvi-list{overflow-y:auto;overscroll-behavior-y:contain;padding:10px;display:flex;flex-direction:column;gap:8px}
.btvi-card{position:relative;border:1px solid var(--color-border,#232733);border-radius:12px;
  background:var(--color-surface-2,#1A1D24);padding:12px 12px 10px;transition:opacity .18s ease,transform .18s ease}
.btvi-card.btvi-out{opacity:0;transform:translateX(18px)}
.btvi-card.btvi-novo{border-color:color-mix(in srgb,var(--color-primary,#06E05B) 40%,transparent)}
.btvi-t{display:flex;align-items:flex-start;gap:8px;margin:0 0 4px}
.btvi-t b{font-size:13.5px;font-weight:800;color:#fff;line-height:1.3}
.btvi-t i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;
  background:var(--color-primary,#06E05B);box-shadow:0 0 8px var(--color-primary,#06E05B)}
.btvi-b{margin:0;font-size:12.5px;line-height:1.45;color:var(--color-text-muted,#98A2B3);
  white-space:pre-line;word-break:break-word}
.btvi-card img{display:block;width:100%;border-radius:9px;margin:0 0 9px}
.btvi-w{display:block;margin-top:7px;font-size:10.5px;color:var(--color-text-muted,#98A2B3);opacity:.8}
.btvi-acts{display:flex;align-items:center;gap:8px;margin-top:10px}
.btvi-cta{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:34px;padding:0 12px;border-radius:9px;font-size:12.5px;font-weight:800;
  text-decoration:none;color:#0f0f10;background:var(--color-primary,#06E05B)}
.btvi-cta:hover{filter:brightness(1.07)}
.btvi-no{flex:0 0 auto;height:34px;padding:0 11px;border-radius:9px;border:1px solid var(--color-border,#232733);
  background:transparent;color:var(--color-text-muted,#98A2B3);font-size:12.5px;font-weight:700;cursor:pointer}
.btvi-no:hover{color:#fff;border-color:var(--color-text-muted,#98A2B3)}
.btvi-vazio{padding:26px 16px 30px;text-align:center;color:var(--color-text-muted,#98A2B3)}
.btvi-vazio svg{width:30px;height:30px;margin:0 auto 9px;display:block;opacity:.45}
.btvi-vazio b{display:block;font-size:13px;font-weight:800;color:#fff;margin-bottom:3px}
.btvi-vazio span{font-size:12px}
.btvi-todos{border-top:1px solid var(--color-border,#232733);padding:9px;text-align:center}
.btvi-todos a{font-size:12px;font-weight:700;color:var(--color-primary,#06E05B);text-decoration:none}

/* a posicao (top/right/width/max-height) vem do JS, medida no proprio sino */
@media (max-width:1023px){
.btvi-head{padding:13px 14px 11px}
.btvi-list{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}

/* acoes que entram nos cartoes da pagina /avisos da propria plataforma */
.btvi-pg{display:flex;align-items:center;gap:9px;margin-top:12px}
.btvi-pg .btvi-cta{flex:0 0 auto;min-width:150px;height:36px}
.btvi-pg .btvi-no{height:36px}

/* faixa curada fica invisivel ate os jogos serem os nossos (anti-pisca) */
section.btvc-espera div.overflow-x-auto{visibility:hidden}

/* lobby so aparece montado: esconde sem tirar do fluxo, pra nada pular depois */
html.btv-montando main{visibility:hidden}

/* barra fina do topo: sinal de que o clique pegou (o resto do caminho e do navegador) */
/* !important em tudo que e posicao: o tema da plataforma poe position:relative
   e z-index:1 em div solto do body, e sem isso a barra nascia no meio do texto */
.btvbar{position:fixed !important;left:0 !important;top:0 !important;right:auto !important;bottom:auto !important;
height:2px !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;
z-index:2147483646 !important;pointer-events:none;
background:linear-gradient(90deg,#1FAD66,#3BD888);box-shadow:0 0 8px rgba(31,173,102,.65);
transform:scaleX(0);transform-origin:0 50%}
.btvbar-anda{animation:btvbar 8s cubic-bezier(.08,.72,.2,1) forwards}
.btvbar-fim{transform:scaleX(1);opacity:0 !important;transition:transform .2s ease-out,opacity .28s ease-out}
@keyframes btvbar{0%{transform:scaleX(.02)}10%{transform:scaleX(.32)}45%{transform:scaleX(.68)}100%{transform:scaleX(.94)}}
@media (prefers-reduced-motion:reduce){.btvbar-anda{animation:none;transform:scaleX(.55)}}

/* ===== Indique e ganhe ===== */
/* sobe acima do menu do perfil (btvu usa 1000/1001) e leva !important em posicao
   pelo mesmo motivo de sempre: body > div:not(.fixed) do tema */

/* ===== Link de afiliado: gaveta dentro do menu da conta =====
   Era um painel de tela cheia. Virou sanfona a pedido do Carlos: a linha do
   menu abre e o link aparece logo abaixo, sem tirar a pessoa de onde ela esta.
   A gaveta e a div irma da linha, e o conteudo fica guardado nela: fechar e so
   tirar a classe, entao reabrir e instantaneo. */
/* `width:100%` explicito: as outras linhas do menu sao <a>, que estica
   sozinho; esta e <button>, que encolhe pro tamanho do conteudo. Sem isto a
   linha fica mais estreita que a gaveta e o encaixe quebra. */
html.btv-afiliado .btvig-abrir{width:100%;box-sizing:border-box;text-align:left}
.btvig-seta{width:18px;height:18px;color:rgba(255,255,255,.45);flex:none;transition:transform .2s}
.btvu-row.btvig-on .btvig-seta{transform:rotate(180deg);color:#1FAD66}
.btvu-row.btvig-on{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}

.btvig-gaveta{display:none;background:#1A1E22;border-radius:0 0 12px 12px;margin:0 0 12px;padding:0 14px}
.btvig-gaveta.btvig-on{display:block;padding:14px}

.btvig-card{background:#23282D;border-radius:12px;padding:14px}
.btvig-rot{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:8px}
.btvig-link{font-size:14px;font-weight:700;word-break:break-all;line-height:1.35;margin-bottom:12px;color:#fff}
.btvig-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btvig-acoes button{border:0;border-radius:10px;padding:11px 8px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}
.btvig-b1{background:#1FAD66;color:#fff}
.btvig-b1.ok{background:#177f4b}
.btvig-b2{background:#2A3036;color:#fff}
.btvig-b2.ok{background:#1FAD66}

.btvig-espera{display:flex;gap:6px;justify-content:center;padding:18px 0}
.btvig-espera i{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.3);animation:btvig-p 1s infinite}
.btvig-espera i:nth-child(2){animation-delay:.15s}
.btvig-espera i:nth-child(3){animation-delay:.3s}
@keyframes btvig-p{0%,100%{opacity:.3}50%{opacity:1}}

.btvig-vazio{text-align:center;padding:12px 4px}
.btvig-selo{width:48px;height:48px;margin:0 auto 12px;border-radius:999px;background:rgba(31,173,102,.14);color:#3BD888;display:flex;align-items:center;justify-content:center}
.btvig-selo svg{width:24px;height:24px}
.btvig-vazio h3{font-size:15px;font-weight:800;margin:0 0 8px;color:#fff}
.btvig-vazio p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.6);margin:0 0 14px}
.btvig-cta{display:inline-block;background:#1FAD66;color:#fff;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none}

/* ===== Quem e afiliado, quem nao e =====
   As duas classes sao carimbadas no <html> pelo bloco do Indique e ganhe,
   depois que a casa responde quem e quem. Enquanto nenhuma existe, os dois
   ficam escondidos: mostrar "Seja afiliado" pra um afiliado, mesmo por meio
   segundo, e pior do que esperar. */
.btvig-abrir{display:none !important}
html.btv-afiliado .btvig-abrir{display:flex !important}

.btvaf-abrir{display:none}
/* Ao lado da logo. Nao estica: `.btvf-top` e flex, entao largura de conteudo
   deixa logo na esquerda e botao na direita. No celular a linha quebra e ele
   desce inteiro, que e o certo pra alvo de toque. */
html.btv-nao-afiliado .btvaf-abrir{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  border:0;cursor:pointer;font-family:inherit;white-space:nowrap;
  background:#1FAD66;color:#fff;border-radius:10px;padding:11px 20px;
  font-size:14px;font-weight:800;line-height:1.2;
  box-shadow:0 6px 18px rgba(31,173,102,.2);transition:background .15s
}
html.btv-nao-afiliado .btvaf-abrir:hover{background:#188a52}
@media(max-width:600px){html.btv-nao-afiliado .btvaf-abrir{width:100%;padding:13px 20px}}

/* ===== Seja afiliado: o formulario ===== */
.btvaf-ov{position:fixed;inset:0;z-index:1002;background:rgba(0,0,0,.6);display:none}
html.btvaf-open .btvaf-ov{display:block}
.btvaf{position:fixed !important;inset:0 !important;z-index:1003 !important;background:#0D0F11;color:#fff;overflow-y:auto;padding:16px 16px 40px;display:none}
html.btvaf-open .btvaf{display:block}
html.btvaf-open{overflow:hidden}
@media(min-width:1024px){.btvaf{inset:12px 12px 12px auto !important;width:430px;border-radius:16px;padding:20px 20px 32px;box-shadow:0 20px 60px rgba(0,0,0,.6)}}
.btvaf-top{display:flex;align-items:center;position:relative;margin-bottom:18px}
.btvaf-x{background:none;border:0;color:#fff;padding:4px;cursor:pointer;display:flex}
.btvaf-x svg{width:24px;height:24px}
.btvaf-top h2{position:absolute;left:0;right:0;text-align:center;font-size:16px;font-weight:700;margin:0;pointer-events:none}

.btvaf-intro{font-size:13px;line-height:1.5;color:rgba(255,255,255,.6);margin:0 0 18px}
.btvaf-form label{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.55);margin-bottom:14px}
.btvaf-form input,.btvaf-form textarea{
  display:block;width:100%;box-sizing:border-box;margin-top:6px;
  background:#1E2226;border:1px solid rgba(255,255,255,.08);border-radius:12px;
  padding:13px 14px;color:#fff;font-size:15px;font-weight:600;font-family:inherit;
  outline:none;transition:border-color .15s
}
.btvaf-form textarea{resize:vertical;min-height:96px;line-height:1.45}
.btvaf-form input:focus,.btvaf-form textarea:focus{border-color:#1FAD66}
.btvaf-form input::placeholder,.btvaf-form textarea::placeholder{color:rgba(255,255,255,.3);font-weight:500}
.btvaf-erro{background:rgba(224,70,70,.12);border:1px solid rgba(224,70,70,.4);color:#FF8A8A;border-radius:10px;padding:11px 13px;font-size:13px;font-weight:600;margin:0 0 14px}
.btvaf-enviar{width:100%;border:0;border-radius:12px;background:#1FAD66;color:#fff;padding:15px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer}
.btvaf-enviar:hover{background:#188a52}
.btvaf-enviar:disabled{opacity:.6;cursor:default}

.btvaf-ok{text-align:center;padding:28px 8px}
.btvaf-selo{width:60px;height:60px;margin:0 auto 16px;border-radius:999px;background:rgba(31,173,102,.14);color:#3BD888;display:flex;align-items:center;justify-content:center}
.btvaf-selo svg{width:30px;height:30px}
.btvaf-ok h3{font-size:19px;font-weight:800;margin:0 0 10px}
.btvaf-ok p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.6);margin:0 0 22px}
.btvaf-fechar{border:0;border-radius:12px;background:#2A3036;color:#fff;padding:13px 28px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}

/* ===== Nivel da gamificacao no cartao de perfil =====
   O selo ao lado do nome era fixo e nao dizia nada: aparecia igual pra conta
   verificada e pra nao verificada. Agora ele veste a cor do nivel, e o nivel
   em si ganha uma faixa com a barra de XP logo abaixo do "Ver meu perfil". */
.btvu-selo{display:inline-flex;color:var(--btv-nivel,rgba(255,255,255,.35));transition:color .2s}
.btvu-selo svg{width:16px;height:16px}

/* Sem e-mail e sem "Ver meu perfil", o nivel passou a ser a segunda linha do
   cartao: fica colado no nome, sem o traco de separacao que fazia sentido
   quando havia tres linhas antes dele. */
/* Largura CHEIA do cartao: a faixa saiu da coluna estreita do lado do avatar
   e virou filha do cartao, que agora quebra linha. Presa na coluna, a barra
   parava no meio e sobrava um vao a direita. */
.btvu-nivel:empty{display:none}
.btvu-nivel{width:100%;margin-top:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.btvu-nv-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.btvu-nv-topo b{font-size:14px;font-weight:800;line-height:1}
.btvu-nv-topo em{font-style:normal;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap}
.btvu-nv-linha{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.55);margin-bottom:6px}
.btvu-nv-barra{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:7px}
.btvu-nv-barra i{display:block;height:100%;border-radius:999px;transition:width .4s}
.btvu-nv-pe{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;color:rgba(255,255,255,.45)}
.btvu-nv-pe span:last-child{white-space:nowrap}
.btvu-nv-txt{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.45)}

/* Os atalhos da gamificacao entram na MESMA grade dos outros. Como eles sao
   <button> e os demais sao <a>, a regra repete o que o <a> ja tinha: sem isto
   o botao herdaria o visual padrao do navegador e destoaria na fileira. */
.btvu-grid button.btvu-gam{background:#1E2226;border:0;border-radius:10px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:13px;font-weight:700;font-family:inherit;text-align:center;line-height:1.15;cursor:pointer}
.btvu-grid button.btvu-gam:hover{color:#fff;background:#252A2F}
.btvu-grid button.btvu-gam svg{width:22px;height:22px;color:#fff}

/* O icone de controle que o Delta injeta no cabecalho sai de cena: o caminho
   pra gamificacao passa a ser o menu da conta, junto do resto. */
.game-icon-injected{display:none !important}

/* ===== Telas da gamificacao, no nosso molde =====
   Mesmo desenho das outras telas de conta: painel que cobre no celular e
   vira cartao no canto no desktop. */
.btvg-ov{position:fixed;inset:0;z-index:1002;background:rgba(0,0,0,.6);display:none}
html.btvg-open .btvg-ov{display:block}
/* NO CELULAR A TELA COBRE TUDO. Antes ela comecava em --btvg-t, que e o fim
   do cabecalho do site, pra parecer moldura. So que no celular o cabecalho
   some na rolagem e aquela faixa passava a mostrar o que estava ATRAS: o
   Carlos viu a ponta do banner do fim de semana em cima da tela de
   Conquistas. A moldura com cabecalho continua, mas so no desktop, onde o
   cabecalho fica mesmo parado. A barra de baixo do celular segue de fora. */
div.btvg{position:fixed !important;inset:0 0 var(--btvg-b,0) 0 !important;z-index:1003 !important;background:#0D0F11;color:#fff;overflow-y:auto;padding:16px 16px 40px;display:none}
html.btvg-open div.btvg{display:block}
html.btvg-open{overflow:hidden}
/* No computador a tela e PAGINA, nao gaveta: ocupa a area de conteudo do site,
   igual Conta, Carteira e Promocoes. As medidas vem do JS, que le o cabecalho e
   o menu lateral na hora de abrir (o menu encolhe). */
/* Sem recuo no topo aqui tambem. O cabecalho do site e `sticky` DENTRO de um
   container que rola, entao ele nao gruda no topo da janela: medido com a
   pagina rolada, header.top = -604. O recuo virava numero velho e a faixa
   mostrava o que estivesse atras. Sobra o recuo da ESQUERDA, do menu
   lateral, que esse sim fica parado de verdade. */
@media(min-width:1024px){div.btvg{inset:0 0 0 var(--btvg-l,0) !important;width:auto;border-radius:0;padding:28px 32px 48px;box-shadow:none}
.btvg-top h2{font-size:18px}}
.btvg-top{display:flex;align-items:center;position:relative;margin-bottom:18px}
.btvg-back{background:none;border:0;color:#fff;padding:4px;cursor:pointer;display:flex}
.btvg-back svg{width:24px;height:24px}
.btvg-top h2{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;margin:0;pointer-events:none}
.btvg-top h2 svg{width:18px;height:18px;flex:none;opacity:.75}

.btvg-rot{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:18px 0 10px}
.btvg-rot:first-child{margin-top:0}

.btvg-item{background:#1E2226;border-radius:14px;padding:14px 16px;margin-bottom:10px}
.btvg-item-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.btvg-item-topo b{font-size:14px;font-weight:700}
.btvg-item-topo em{font-style:normal;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap}
.btvg-item-topo em.ok{color:#3BD888}
.btvg-item p{font-size:13px;line-height:1.45;color:rgba(255,255,255,.55);margin:6px 0 0}
.btvg-barra{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:10px 0 6px}
.btvg-barra i{display:block;height:100%;border-radius:999px;background:#1FAD66}
.btvg-leg{font-size:11px;font-weight:600;color:rgba(255,255,255,.45)}

/* Conquistas: colecao inteira (05/10/2026). Ganha = disco na cor da raridade;
   falta = disco apagado com cadeado e o "como ganhar" embaixo. */
.btvg-conq-topo{background:#1E2226;border-radius:14px;padding:14px 16px;margin-bottom:12px}
.btvg-conq-topo div{font-size:14px;color:rgba(255,255,255,.7)}
.btvg-conq-topo div b{font-size:20px;font-weight:800;color:#fff;margin-right:4px}
.btvg-conq-topo small{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.btvg-conq-topo i{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:10px;overflow:hidden}
.btvg-conq-topo i u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1FAD66,#7BE0A6);text-decoration:none}
/* Cards premium (05/10, pedido do Carlos: "colorido igual ao CRM"): fundo na
   cor da raridade, etiqueta no canto, medalha sempre colorida. A que falta
   fica apagada com cadeado, nunca cinza: tem que dar vontade de ganhar. */
.btvg-medalhas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:1180px){.btvg-medalhas{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.btvg-medalhas{grid-template-columns:repeat(2,1fr);gap:10px}}
.btvg-medalha{--rar:#AEB8C2;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:34px 10px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--rar) 38%,transparent);
  background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--rar) 26%,transparent) 0%,transparent 65%),linear-gradient(180deg,#1C2024 0%,#15181B 100%)}
.btvg-medalha.r-uncommon{--rar:#3DD68C}
.btvg-medalha.r-rare{--rar:#4E9BFF}
.btvg-medalha.r-epic{--rar:#B57BFF}
.btvg-medalha.r-legendary{--rar:#F5C451}
.btvg-medalha.ok::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 45%,transparent 60%)}
.btvg-medalha:not(.ok){border-color:rgba(255,255,255,.07);
  background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--rar) 10%,transparent) 0%,transparent 65%),linear-gradient(180deg,#1A1D21 0%,#15181B 100%)}
.btvg-medalha small.btvg-rar{position:absolute;top:10px;left:10px;margin:0;padding:2px 8px;border-radius:99px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rar);background:color-mix(in srgb,var(--rar) 16%,transparent)}
.btvg-medalha .btvg-medalha-ic{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 0 10px;border-radius:50%;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rar) 55%,#fff 0%) 0%,color-mix(in srgb,var(--rar) 18%,transparent) 70%);
  box-shadow:inset 0 0 0 2px var(--rar),inset 0 -6px 12px rgba(0,0,0,.25)}
.btvg-medalha.ok .btvg-medalha-ic{box-shadow:inset 0 0 0 2px var(--rar),inset 0 -6px 12px rgba(0,0,0,.25),0 0 22px color-mix(in srgb,var(--rar) 45%,transparent)}
.btvg-medalha .btvg-medalha-ic i{font-style:normal;font-size:30px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.btvg-medalha:not(.ok) .btvg-medalha-ic{opacity:.6;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rar) 45%,transparent)}
.btvg-medalha:not(.ok) .btvg-medalha-ic i{filter:saturate(.75)}
.btvg-medalha .btvg-medalha-ic em{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#0F1113;color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #1A1D21}
.btvg-medalha .btvg-medalha-ic em svg{width:11px;height:11px}
.btvg-medalha b{display:block;font-size:13px;font-weight:800;line-height:1.2;color:#fff}
.btvg-medalha:not(.ok) b{color:rgba(255,255,255,.75)}
.btvg-medalha small.btvg-como{display:block;margin-top:5px;font-size:11px;line-height:1.3;color:rgba(255,255,255,.5)}
.btvg-medalha small.btvg-feito{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 9px;border-radius:99px;font-size:10.5px;font-weight:800;
  color:#7BE0A6;background:rgba(31,173,102,.16)}
.btvg-medalha small.btvg-feito svg{width:11px;height:11px}
@media (prefers-reduced-motion:no-preference){
  .btvg-medalha.ok.r-legendary .btvg-medalha-ic{animation:btvg-lenda 2.6s ease-in-out infinite}
  @keyframes btvg-lenda{50%{box-shadow:inset 0 0 0 2px var(--rar),inset 0 -6px 12px rgba(0,0,0,.25),0 0 34px color-mix(in srgb,var(--rar) 70%,transparent)}}
}

.btvg-rank{background:#1E2226;border-radius:14px;overflow:hidden}
.btvg-linha{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.btvg-linha:last-child{border-bottom:0}
.btvg-linha.eu{background:rgba(31,173,102,.12)}
.btvg-pos{width:26px;flex:none;text-align:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.4)}
.btvg-pos.top{color:#F7B529}
.btvg-nome{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btvg-xp{font-size:12px;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap}

/* Tela vazia: so texto. O icone da tela fica no cabecalho, antes do nome. */
.btvg-vazio{text-align:center;padding:48px 16px}
.btvg-vazio h3{font-size:16px;font-weight:800;margin:0 0 8px;text-align:center}
.btvg-vazio p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.5);margin:0}


/* ===== Nivel do jogador na tela de conta =====
   Mesma faixa do menu, nos dois cartoes: o do topo no celular e o lateral no
   desktop. Vazia some sozinha, pra quem a gamificacao nao alcanca. */
.btva-nivel:empty{display:none}
.btva-nivel{margin:0 0 20px}
.btva-side .btva-nivel{padding:0 24px}
.btva-user .btva-nivel{margin:6px 0 10px}
.btva-nivel b{display:block;font-size:13px;font-weight:800;line-height:1;margin-bottom:7px}
.btva-side .btva-nivel b{text-align:center}
.btva-nv-barra{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:6px}
.btva-nv-barra i{display:block;height:100%;border-radius:999px}
.btva-nv-txt{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.45)}
.btva-side .btva-nv-txt{text-align:center}


/* ===== Cartao do perfil no molde da Central de Recompensas =====
   Nivel e pontos na mesma linha, XP de um lado e o proximo degrau do outro,
   barra cheia embaixo. */
.btva-nv-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.btva-nv-topo em{font-style:normal;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap}
.btva-nv-linha{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.55);margin-bottom:6px}
.btva-nivel b{text-align:left !important}
.btva-side .btva-nivel{text-align:left}
.btva-nv-txt{text-align:left !important}


/* Nome EM CIMA, "Ver meu perfil" EMBAIXO (decisao do dono, 05/10/2026).
   Antes ficavam lado a lado pra economizar altura, mas o link roubava a
   largura do nome: "Estervania evangelista rocha" virava "Estervania
   evangelista", sem o sobrenome e sem aviso.

   O nome continua no CENTRO do avatar. A coluna estica na altura da linha e
   vira um grid de tres faixas (vazia, nome, link) com as duas de fora do mesmo
   tamanho: o link fica pendurado embaixo sem empurrar o nome pra cima. Nome
   longo quebra em ate duas linhas e o selo acompanha a ultima palavra, em vez
   de ficar preso na direita do bloco. */
.btvu-ident{flex:1;min-width:0;display:grid;grid-template-rows:1fr auto 1fr;align-self:stretch;align-items:start}
.btvu-user .btvu-ident .btvu-name{grid-row:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.btvu-user .btvu-ident .btvu-name .btvu-selo{display:inline-flex;vertical-align:-2px;margin-left:6px}
.btvu-user .btvu-ident .btvu-link{grid-row:3;margin-top:4px;white-space:nowrap;justify-self:start}


/* No cartao do topo a faixa de nivel vira filha do cartao e ocupa a largura
   toda. Dentro da coluna do nome ela parava na metade. */
.btva-user .btva-ident{flex:1;min-width:0}
.btva-user .btva-nivel{width:100%;margin:2px 0 0}

/* aviso de arquivo grande na tela de verificacao (o servidor corta em 8 MB) */
.btvkyc-aviso{display:block;margin:14px 0 0;padding:12px 14px;border-radius:12px;
background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.35);
color:#FFC9C9;font-size:13px;line-height:1.45;font-weight:600}

/* Tela da Roleta: ambiente nosso, giro deles */
.btvg-roleta-topo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
padding:28px 16px 24px;background:#1E2226;border-radius:14px;margin-bottom:16px}
.btvg-roleta-topo svg{width:46px;height:46px;color:#1FAD66}
.btvg-roleta-topo.vazio svg{color:rgba(255,255,255,.28)}
.btvg-roleta-topo b{font-size:18px;font-weight:800;color:#fff}
.btvg-roleta-topo span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.55)}
.btvg-girar{margin-top:6px;border:0;border-radius:999px;padding:12px 28px;cursor:pointer;
background:linear-gradient(90deg,#1FAD66,#3BD888);color:#101011;font-family:inherit;
font-size:14px;font-weight:800}
.btvg-girar:hover{filter:brightness(1.07)}
.btvg-pe{margin-top:16px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.4);text-align:center}

/* cabecalho da tela: quem e o jogador, selo na cor do nivel e barra de XP */
.btvg-nivel{display:none}
.btvg-nivel.tem{display:block;background:#1E2226;border-radius:14px;padding:14px 16px;margin-bottom:18px}
.btvg-nv-quem{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.btvg-nv-nome{font-size:14px;font-weight:800;color:#fff}
.btvg-nv-selo{display:inline-flex;flex:none}
.btvg-nv-selo svg{width:15px;height:15px;color:inherit}

/* Duas colunas no computador, igual as paginas da conta: jogador e secoes a
   esquerda, conteudo a direita. No celular vira coluna unica, e o menu lateral
   some porque la a navegacao e o botao de voltar. */
.btvg-pagina{display:block}
.btvg-lado{margin-bottom:4px}
.btvg-menu{display:none}
.btvg-h{display:none;font-size:22px;font-weight:800;margin:0 0 16px}
.btvg-nivel.tem{display:block;background:#16191C;border-radius:16px;padding:18px 16px}
.btvg-nv-av{display:none}
.btvg-nv-quem{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.btvg-mi{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;
border-left:3px solid transparent;padding:13px 16px;cursor:pointer;font-family:inherit;
font-size:14px;font-weight:600;color:rgba(255,255,255,.6);text-align:left}
.btvg-mi svg{width:19px;height:19px;flex:none;opacity:.8}
.btvg-mi:hover{color:#fff}
.btvg-mi.on{color:#1FAD66;border-left-color:#1FAD66;background:rgba(31,173,102,.07)}
.btvg-mi.on svg{opacity:1}



/* Itens da gamificacao dentro do menu da pagina da conta: tem que ser
   indistinguiveis dos links, senao viram "outra coisa" na mesma lista. */
.btva-side .btva-ir{display:flex;align-items:center;gap:12px;height:48px;width:100%;padding:0 24px;
background:none;border:0;border-left:3px solid transparent;color:#fff;font-family:inherit;
font-size:14px;text-align:left;cursor:pointer}
.btva-side .btva-ir:hover{background:rgba(255,255,255,.03)}
.btva-side .btva-ir svg{width:18px;height:18px}
.btva-tabs .btva-ir{flex:none;width:calc(25% - 13px);min-width:74px;background:none;border:0;padding:0;
color:rgba(255,255,255,.7);font-family:inherit;font-size:13px;font-weight:700;text-align:center;cursor:pointer}
/* o menu da nossa tela aceita <a> alem de <button>, mesma aparencia */
a.btvg-mi{text-decoration:none}

/* Enquanto a roleta deles esta embutida na nossa pagina, o painel flutuante do
   Delta some. O jogo em si abre na camada propria dele e continua funcionando. */
html.btvg-emb #bsw-overlay,html.btvg-emb #bsw-container,html.btvg-emb #bsw-arrow{display:none !important}
.btvg-corpo > #bsw-content{max-height:none !important;height:auto !important;overflow:visible !important;padding:0 !important}

/* ===== Celular: as 6 telas no mesmo molde das telas antigas da conta =====
   O que faltava, comparando lado a lado com a Carteira: o cabecalho do site
   continuava coberto, o botao de voltar era um chevron solto em vez do redondo
   branco, o cartao do jogador nao tinha avatar, e nao existia a fileira de
   icones que rola na horizontal. */
.btvg-nv-cab{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.btvg-nv-av{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:none;
border-radius:999px;background:#32383E;border:3px solid rgba(255,255,255,.08);color:#fff;
font-size:22px;font-weight:800}
.btvg-nv-quem{margin-bottom:0}

.btvg-back{width:36px;height:36px;border-radius:999px;background:#fff;color:#0D0F11;
display:flex;align-items:center;justify-content:center;padding:0;position:relative;z-index:1}
.btvg-back svg{width:22px;height:22px}
.btvg-top{height:44px;margin-bottom:12px}
.btvg-top h2{font-size:22px;font-weight:800}

/* a fileira de icones: mesma medida e mesmo visual da .btva-tabs */
.btvg-menu{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 20px;padding:0 16px 4px;
scrollbar-width:none;overscroll-behavior-x:contain}
.btvg-menu::-webkit-scrollbar{display:none}
.btvg-mi{flex:none;width:calc(25% - 13px);min-width:74px;flex-direction:column;gap:8px;
padding:0;border-left:0;background:none;text-align:center;font-size:13px;font-weight:700;
color:rgba(255,255,255,.7)}
.btvg-mi i{display:flex;align-items:center;justify-content:center;width:100%;height:72px;
border-radius:14px;background:#1E2226;color:#fff}
.btvg-mi i svg{width:26px;height:26px}
.btvg-mi.on{color:#1FAD66;background:none}
.btvg-mi.on i{background:#1FAD66;color:#fff}

/* O bloco de desktop fica no FIM do arquivo, sempre. Media query nao aumenta
   especificidade: regra de celular escrita depois apaga a de desktop. Ja
   aconteceu duas vezes hoje, uma com as duas colunas e outra com a fileira de
   icones e o tamanho do avatar. */
@media(min-width:1024px){
  .btvg-menu{display:block;overflow:visible;margin:0;padding:0}
  .btvg-mi{flex-direction:row;width:100%;min-width:0;gap:12px;padding:13px 16px;
  border-left:3px solid transparent;text-align:left;font-weight:600}
  .btvg-mi i{display:contents}
  .btvg-mi i svg{width:19px;height:19px}
  .btvg-mi.on{background:rgba(31,173,102,.07)}
  .btvg-mi.on i{background:none}
  .btvg-nv-cab{flex-direction:column;gap:0}
  .btvg-nv-av{width:84px;height:84px;margin:0 auto 14px;font-size:30px}
  /* este bloco e o ULTIMO do arquivo de proposito: media query nao aumenta
     especificidade, entao quem vem depois ganha. Regra de celular escrita
     depois da de desktop apaga a de desktop, e foi o que aconteceu antes. */
  .btvg-pagina{display:flex;align-items:flex-start;gap:24px;max-width:1240px;margin:0 auto}
  .btvg-lado{width:300px;flex:none}
  .btvg-conteudo{flex:1;min-width:0}
  .btvg-h{display:block}
  .btvg-top{margin-bottom:12px}
  .btvg-top h2{display:none}
  .btvg-lado{background:#16191C;border-radius:16px;overflow:hidden;padding-bottom:8px;margin-bottom:0}
  .btvg-nivel.tem{background:none;border-radius:0;padding:24px 20px 18px;text-align:center}
  .btvg-nv-av{display:flex;align-items:center;justify-content:center;width:84px;height:84px;
  margin:0 auto 14px;border-radius:50%;background:#262B30;color:#fff;font-size:30px;font-weight:800}
  .btvg-nv-quem{justify-content:center}
  .btvg-nv-nome{font-size:16px}
  .btvg-nv-selo svg{width:17px;height:17px}
  .btvg-nivel.tem .btvu-nv-topo,.btvg-nivel.tem .btvu-nv-linha,.btvg-nivel.tem .btvu-nv-pe{text-align:left}
  .btvg-menu{display:block;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
}

/* O selo nascia VERDE e so depois virava a cor do nivel, porque o `__bsw__` do
   CRM entra na pagina depois dela montar. O jogador via o selo antigo piscar e
   trocar. Agora ele nasce invisivel, OCUPANDO o lugar (visibility, nao display,
   pra nada pular), e so acende quando a cor certa chega. Se o CRM nunca
   responder, fica sem selo, que e melhor do que selo errado. */
.btva-selo,.btvg-nv-selo{visibility:hidden}
.btva-selo.pronto,.btvg-nv-selo.pronto{visibility:visible}

/* o rodape do site, dentro da tela, colado embaixo do conteudo */
.btvg-rodape{margin:28px -16px 0}
.btvg-rodape:empty{display:none}

/* NAO existe esqueleto no lugar do bloco de nivel. Ele reservava espaco pra um
   bloco que, pra quem nao tem gamificacao, nunca chega: o jogador comum ficava
   com uma faixa cinza piscando dentro do menu, do nada. O bloco agora
   simplesmente entra quando o CRM responde (`.btva-nivel:empty` la em cima ja
   o mantem fora do fluxo ate la). `btv-esq` fica porque a tela da Roleta usa. */
@keyframes btv-esq{0%{background-position:200% 0}100%{background-position:-200% 0}}
.btvg-nivel.vazio{display:block;min-height:120px;border-radius:14px;background:#1E2226}

/* esqueleto da tela da Roleta enquanto o conteudo do widget nao chega */
.btvg-esq{display:flex;flex-direction:column;gap:12px}
.btvg-esq i{display:block;height:54px;border-radius:14px;
background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.07),rgba(255,255,255,.035));
background-size:200% 100%;animation:btv-esq 1.1s linear infinite}
.btvg-esq i:nth-child(2){height:132px}
.btvg-esq i:nth-child(3){height:44px;width:60%}
@media (prefers-reduced-motion:reduce){.btvg-esq i{animation:none}}

/* a cor do nivel e uma variavel na raiz, publicada assim que o CRM responde.
   Elemento recriado (o menu reconstroi a cada abertura) ja nasce na cor certa,
   em vez de voltar pro verde e piscar. */
.btvg-nv-selo{color:var(--btv-nivel,rgba(255,255,255,.35))}

/* Fileira "Jogados recentes". Espacamento, titulo e trilho vem CLONADOS de uma
   secao de verdade do lobby, entao aqui fica so a largura do cartao, medida de
   um cartao real. Inventar numero de margem foi o que deixou a fileira colada
   no banner e desalinhada da lateral. */
.btvr-trilho > a.btvr-card{width:var(--btvr-w,170px);flex:none;display:block}
.btvr-trilho > a.btvr-card img{width:100%;height:auto;display:block}

/* Sem resposta do CRM, a pagina da conta volta a ser o que era: sem bloco de
   nivel, sem esqueleto piscando. Quem nao tem gamificacao nao pode ver sobra
   dela. */
html.btva-sem-nivel .btva-nivel{display:none !important}
html.btva-sem-nivel .btva-selo{display:none !important}
html.btva-sem-nivel .btvu-selo{display:none !important}
html.btva-sem-nivel .btvu-nivel{display:none !important}

/* ===== Loja e Check-in (telas novas, 04/10/2026) =====
   Classes proprias, pra nao esbarrar no bloco de desktop das telas da
   gamificacao, que fica la em cima. */

/* A descricao vinda do CRM tem quebra de linha de verdade ("...na hora!\nLimitado
   a 2"). Sem isto as duas frases viram uma so, grudadas. */
.btvg-item p{white-space:pre-line}

/* Missao travada, item fora de estoque ou ja trocado: continua na tela, porque
   saber o que AINDA da pra fazer vale mais que uma lista curta. */
.btvg-item.trava{opacity:.5}

.btvg-loja-pe{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.btvg-trocar{flex:none;border:0;border-radius:999px;padding:8px 18px;cursor:pointer;
background:#1FAD66;color:#fff;font-size:13px;font-weight:800}
.btvg-trocar:hover{filter:brightness(1.07)}

/* A semana inteira de uma vez. O widget deles mostra um cartao por dia; aqui o
   jogador ve a escada toda e o que perde se faltar. */
.btvg-ci{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.btvg-ci-dia{background:#1E2226;border-radius:12px;padding:12px 14px;border:1px solid transparent}
.btvg-ci-dia .btvg-ci-n{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;
text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:5px}
.btvg-ci-dia b{font-size:13px;font-weight:700;line-height:1.35;display:block}
.btvg-ci-dia.ok{opacity:.45}
.btvg-ci-dia.agora{border-color:#1FAD66;background:rgba(31,173,102,.1)}
.btvg-ci-dia.agora .btvg-ci-n{color:#3BD888}

@media(min-width:1024px){
  .btvg-ci{grid-template-columns:repeat(4,1fr);gap:10px}
}

/* ===== Torneio: a faixa de tempo e a escada de premios (04/10/2026) =====
   O torneio agendado fica na tela contando pro dia de comecar, em vez de
   sumir ate la. */
.btvg-tr-faixa{font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}
.btvg-tr-faixa.espera{color:#F7B529}   /* ainda vai comecar */
.btvg-tr-faixa.agora{color:#3BD888}    /* rolando */
.btvg-tr-faixa.fim{color:rgba(255,255,255,.4)}

.btvg-torneio .btvg-rot{margin:14px 0 8px}
.btvg-tr{display:flex;align-items:baseline;gap:12px;padding:7px 0;
border-bottom:1px solid rgba(255,255,255,.06)}
.btvg-tr:last-child{border-bottom:0}
.btvg-tr-pos{flex:none;min-width:74px;font-size:12px;font-weight:800;color:#F7B529}
.btvg-tr-premio{font-size:13px;color:rgba(255,255,255,.75)}

/* ===================================================================
   ARTE DOS ITENS (05/10/2026)
   Missao, loja, check-in e torneio passaram a desenhar imagem. Antes
   o campo Imagem do CRM existia nos quatro e NENHUMA tela lia: subir
   imagem la nao mudava nada na frente do jogador.

   Duas formas, de proposito:
   .btvg-arte.largo  faixa em cima  -> imagem escolhida no CRM
   .btvg-arte.pe     miniatura      -> capa de jogo achada pelo nome
   =================================================================== */
/* ATENCAO: o padding sai so de quem TEM arte. Tirar de .btvg-item
   inteiro espreme as telas de premio (Resgatar e Historico), que usam
   o mesmo cartao sem corpo nenhum dentro. */
.btvg-comarte{overflow:hidden;padding:0}
/* NAO chamar de .btvg-corpo: esse nome JA e o corpo da TELA inteira
   (o div onde desenhar() despeja o HTML). Dar display:flex nele virou a
   tela toda numa fileira horizontal, com os cartoes espremidos lado a
   lado. Pego na previa, antes de ir pro ar. */
.btvg-miolo{display:flex;gap:12px;padding:14px 16px}
/* base ZERO, nao auto. Com flex-basis:auto o navegador tenta por o texto
   na largura do conteudo; no celular ele nao cabe ao lado da capa de
   66px e QUEBRA pra linha de baixo, em vez de encolher. A capa ficava
   sozinha numa linha e o titulo embaixo. */
.btvg-txt{flex:1 1 0;min-width:0}

.btvg-arte{flex:none;overflow:hidden;background:#15181B}
.btvg-arte img{display:block;width:100%;height:100%;object-fit:cover}

.btvg-arte.pe{width:58px;height:68px;border-radius:10px}
.btvg-arte.pe.emoji{display:flex;align-items:center;justify-content:center;
  font-size:26px;line-height:1;background:rgba(255,255,255,.05)}

/* A ALTURA VEM DA IMAGEM, nao de uma proporcao chutada. Com
   aspect-ratio:1200/400 fixo e object-fit:cover, o banner de missao
   (1200x360) era cortado 50px de cada lado e comia o "A" de APOSTE, o
   "R" de R$ e a logo. Banner e arte escrita: mostra inteira. */
.btvg-arte.largo{width:100%;height:auto;border-radius:0;position:relative}
.btvg-arte.largo img{width:100%;height:auto;object-fit:fill}

/* a faixa larga ja diz o que o item e; a miniatura some pra nao repetir */
/* esconde a MINIATURA quando ja ha faixa larga, mas NAO o selo redondo:
   o selo e justamente o que acompanha a faixa (pegada da Bet da Galera). */
.btvg-comarte > .btvg-arte.largo + .btvg-miolo > .btvg-arte:not(.selo){display:none}

.btvg-missao.destaque{box-shadow:inset 0 0 0 1px rgba(31,173,102,.45)}

/* ---- banner do torneio: a faixa de tempo monta em cima dele -------- */
.btvg-tbanner::after{content:'';position:absolute;inset:auto 0 0 0;height:56%;
  background:linear-gradient(to top,#1E2226,rgba(30,34,38,0))}
.btvg-tbanner .btvg-tr-faixa{position:absolute;right:12px;top:12px;z-index:1;
  background:rgba(10,12,14,.72);backdrop-filter:blur(6px);
  padding:5px 10px;border-radius:999px;font-size:11px}
.btvg-torneio .btvg-miolo{padding-top:10px}

/* ---- check-in: icone e fundo por dia ------------------------------ */
.btvg-ci-dia{position:relative;overflow:hidden;background-size:cover;background-position:center}
.btvg-ci-ic{display:block;width:26px;height:26px;margin-bottom:8px;color:#8A949C}
.btvg-ci-ic svg{display:block;width:100%;height:100%}
.btvg-ci-dia.agora .btvg-ci-ic{color:#3BD888}
.btvg-ci-dia.comfundo::before{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(21,24,27,.94),rgba(21,24,27,.62))}
.btvg-ci-dia.comfundo > *{position:relative}

/* ---- ranking: fundo proprio de cada jogador ------------------------
   --btvg-h e o tom tirado do nome da pessoa (corDoNome). Fica fraco de
   proposito: a linha tem que diferenciar sem virar lista de arco-iris.
   1o, 2o e 3o passam por cima disso com ouro, prata e bronze. */
.btvg-linha{background:hsla(var(--btvg-h,0),52%,56%,.07)}
.btvg-ava{flex:none;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#0D0F11;
  background:hsl(var(--btvg-h,0),58%,62%)}
.btvg-nome{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;font-size:13px;font-weight:600}
.btvg-xp{flex:none;font-size:12px;font-weight:700;color:rgba(255,255,255,.55);
  font-variant-numeric:tabular-nums}

.btvg-linha.btvg-p1{background:linear-gradient(90deg,rgba(247,181,41,.22),rgba(247,181,41,.04))}
.btvg-linha.btvg-p2{background:linear-gradient(90deg,rgba(197,206,214,.20),rgba(197,206,214,.03))}
.btvg-linha.btvg-p3{background:linear-gradient(90deg,rgba(201,124,61,.20),rgba(201,124,61,.03))}
.btvg-linha.btvg-p1 .btvg-pos{color:#F7B529}
.btvg-linha.btvg-p2 .btvg-pos{color:#C5CED6}
.btvg-linha.btvg-p3 .btvg-pos{color:#C97C3D}
.btvg-linha.eu{box-shadow:inset 2px 0 0 #1FAD66}
.btvg-linha.eu .btvg-nome::after{content:' \00b7 voc\00ea';color:#3BD888;font-weight:800}

.btvg-trank{margin-top:8px}

/* ===================================================================
   CARDS DA LOJA E DAS MISSOES (05/10/2026, 2a volta)
   Pedido do dono: card por missao com banner proprio, e na loja card
   com capa no canto e botao de comprar carregando o preco.
   =================================================================== */

/* ---- selo redondo: o emoji quando ja existe faixa larga em cima ---- */
.btvg-arte.selo{width:46px;height:46px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  background:rgba(31,173,102,.14);box-shadow:inset 0 0 0 1px rgba(31,173,102,.3)}

/* ---- etiqueta (SEMANAL, GIROS) ------------------------------------ */
.btvg-tag{flex:none;font-size:10px;font-weight:800;letter-spacing:.09em;
  padding:4px 8px;border-radius:7px;color:#3BD888;
  background:rgba(31,173,102,.14);box-shadow:inset 0 0 0 1px rgba(31,173,102,.28)}
.btvg-item-topo{align-items:center}

/* ---- premios empilhados, a direita do texto ----------------------- */
.btvg-premios{flex:none;display:flex;flex-direction:column;gap:5px;align-items:flex-end;
  padding-left:4px}
.btvg-premios span{display:flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:12px;font-weight:700;color:#3BD888}
.btvg-premios i{display:block;width:14px;height:14px;flex:none;color:#3BD888}
.btvg-premios i svg{display:block;width:100%;height:100%}

/* no celular eles viram uma fileira embaixo do texto: em coluna na
   lateral espremem o titulo a ponto de sobrar duas letras por linha */
@media(max-width:560px){
  .btvg-miolo{flex-wrap:wrap}
  .btvg-premios{flex-direction:row;flex-wrap:wrap;gap:6px 12px;
    width:100%;align-items:center;padding:2px 0 0 0}
}

/* ---- barra de progresso ------------------------------------------- */
.btvg-prog{padding:0 16px 14px}
.btvg-prog-topo{display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;margin-bottom:7px}
.btvg-prog-topo span{font-size:12px;font-weight:700;color:rgba(255,255,255,.55)}
.btvg-prog-topo b{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.btvg-missao .btvg-miolo{padding-bottom:10px}

/* ---- rodape: o botao que carrega o preco -------------------------- */
/* NAO chamar de .btvg-pe nem .btvg-rodape: os dois JA existem no bundle
   (.btvg-pe e a nota de rodape da roleta). Terceira colisao de nome em
   duas rodadas: antes de criar classe, grep no bundle anterior. */
.btvg-acoes{display:flex;flex-direction:column;gap:8px;padding:0 16px 14px}
.btvg-acao{width:100%;border:0;border-radius:11px;padding:13px 14px;
  font:inherit;font-size:14px;font-weight:800;color:#101011;cursor:pointer;
  background:linear-gradient(135deg,#3BD888,#1FAD66)}
.btvg-acao:hover{filter:brightness(1.06)}
.btvg-acao:disabled{cursor:default;background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.45)}
/* sem pontos ainda: o botao continua legivel e clicavel (a loja deles
   explica o porque), so para de gritar */
.btvg-acao.fraco{background:rgba(31,173,102,.16);color:#3BD888;
  box-shadow:inset 0 0 0 1px rgba(31,173,102,.32)}
.btvg-aviso{display:flex;align-items:center;gap:7px;
  font-size:12px;font-weight:600;color:#F7B529}
.btvg-aviso svg{display:block;width:15px;height:15px;flex:none}

/* ---- loja: saldo e a linha do que o item da ----------------------- */
.btvg-saldo{font-size:13px;font-weight:600;color:rgba(255,255,255,.55);
  margin:0 2px 10px}
.btvg-saldo b{color:#fff;font-weight:800}
.btvg-ganha{display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  font-size:13px;font-weight:700;color:#3BD888}
.btvg-ganha svg{display:block;width:16px;height:16px;flex:none}
.btvg-loja .btvg-arte.pe{width:66px;height:77px}
.btvg-loja .btvg-miolo{padding-bottom:12px}

/* ===================================================================
   SELINHO DE AVISO (05/10/2026)
   O campo `aviso` existia em cada secao desde o comeco e NUNCA era lido:
   por isso nenhum botao nunca acendeu. Agora `secoes()` devolve o numero
   e os dois menus (cartao Meu perfil e pagina da conta) desenham.
   Hoje acendem: Roleta diaria (volta do dia nao usada), Check-in (o de
   hoje nao pego) e Premios (tem premio esperando resgate).
   =================================================================== */
.btvu-sino{position:absolute;top:6px;right:6px;min-width:18px;height:18px;
  padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;line-height:1;color:#101011;background:#3BD888;
  box-shadow:0 0 0 2px #1E2226}
.btvu-grid button.btvu-gam{position:relative}

/* no menu de lista o selinho vai pro fim da linha, nao pro canto */
.btva-side .btva-ir{position:relative}
.btva-side .btva-ir .btvu-sino{position:static;margin-left:auto;box-shadow:none}
.btva-tabs .btva-ir{position:relative}
.btva-tabs .btva-ir .btvu-sino{top:2px;right:2px;box-shadow:0 0 0 2px #15181B}

/* ===================================================================
   ROXO CRAVADO DO WIDGET (05/10/2026)
   O tema do CRM (Aparencia do Widget) ficou com a paleta da Betivo:
   verde #1FAD66 na Primaria, #3BD888 na Secundaria, dourado #F7B529 no
   Destaque, e os fundos iguais aos nossos.

   SO QUE o numero de GIROS do check-in nao obedece tema nenhum: vem com
   style="color:#a855f7" INLINE, um roxo que nao existe em campo nenhum
   do editor. Os pontos ao lado ja saem no nosso dourado; so o giro
   destoava. Conferido no modal, em 05/10/2026.

   Por ser inline, so !important alcanca. O seletor pede as TRES coisas
   juntas (classe do widget + o style com aquele roxo exato), pra nao
   encostar em nada do site que por acaso use a mesma cor. */
[class^="bsw-"][style*="a855f7"],
[class*=" bsw-"][style*="a855f7"]{color:#3BD888 !important}

/* ===== Regras do torneio (acordeao nativo) ===== */
/* Botao discreto: a regra e consulta, nao chamada pra acao. Se competir com a
   escada de premio, tira o olho do que faz o jogador participar. */
.btvg-regras{margin:12px 0 0}
.btvg-regras>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  font-size:12px;font-weight:700;color:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;transition:.15s}
.btvg-regras>summary::-webkit-details-marker{display:none}
.btvg-regras>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .15s}
.btvg-regras[open]>summary::after{transform:rotate(-135deg) translateY(2px)}
.btvg-regras>summary:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.btvg-reg-corpo{margin-top:10px;border-left:2px solid rgba(59,216,136,.5);padding:2px 0 2px 12px}
.btvg-reg-l{display:flex;gap:10px;align-items:baseline;padding:4px 0}
.btvg-reg-l>span{flex:0 0 68px;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.42)}
.btvg-reg-l>b{font-size:13px;font-weight:600;color:rgba(255,255,255,.86)}
.btvg-reg-txt{margin:8px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.7)}
/* No celular o rotulo em coluna propria espreme o valor em duas palavras por
   linha; empilhado ele respira. */
@media (max-width:560px){
  .btvg-reg-l{flex-direction:column;gap:2px}
  .btvg-reg-l>span{flex:none}
}

/* ===== Escrita do banner: hierarquia e metal =====
   Antes titulo, subtitulo e botao tinham o mesmo peso e a legibilidade do texto
   dependia de a arte ser escura justo ali. Agora:
     1. veu de leitura por cima da arte, so onde o texto pisa;
     2. titulo METALICO (prata) com o numero em OURO e em linha propria, porque
        o numero e a mensagem: "50 GIROS" tem que ser lido antes de "GANHE";
     3. botao dourado, com presenca de botao.
   O metal e gradiente recortado no texto (background-clip). Sombra de texto NAO
   funciona com texto transparente, entao o relevo vem de drop-shadow no
   elemento. */
.btvb-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(9,9,10,.88) 0%,rgba(9,9,10,.78) 24%,rgba(9,9,10,.42) 48%,rgba(9,9,10,0) 68%)}
.btvb-txt{z-index:2;right:30%}
.btvb-btn{z-index:2}
.btvb-kick{display:inline-flex;align-items:center;gap:.5em;font-style:normal;
  font-size:1.95cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:#3BD888;margin-bottom:.45em}
.btvb-kick::before{content:"";width:1.7cqw;height:.42cqw;border-radius:2px;background:currentColor}

.btvb-t{font-size:8.6cqw;line-height:.92;letter-spacing:-.015em;white-space:normal;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 42%,#b9c4c9 54%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) drop-shadow(0 6px 16px rgba(0,0,0,.55))}
/* o pedaco marcado com *asterisco*: dentro do TITULO ele vira linha propria e
   maior; dentro do subtitulo e so a cor, senao quebraria a frase */
.btvb-t .btvb-hi{display:block;font-size:1.4em;line-height:.95;font-style:normal;
  background:linear-gradient(180deg,#FFF3C4 0%,#F2C95F 44%,#C98F2E 56%,#FFE59B 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.btvb-s .btvb-hi{font-style:normal;color:#F0C66A;font-weight:700}
.btvb-s{font-size:4.05cqw;color:rgba(255,255,255,.9);margin-top:.5em;
  text-shadow:0 2px 8px rgba(0,0,0,.6)}

/* Botao do banner: BRANCO, o original (decisao do Carlos, 05/10/2026). O
   dourado com seta saiu: nao combinava com as artes novas em prata/cromado.
   Vale a regra la de cima (.btvb-btn com fundo #fff e hover #E8ECEC). */
/* No celular o cartao fica estreito: o veu encurta e o titulo cabe em menos. */
@media (max-width:560px){
  .btvb-slide::before{background:linear-gradient(90deg,rgba(9,9,10,.9) 0%,rgba(9,9,10,.62) 42%,rgba(9,9,10,0) 80%)}
  .btvb-txt{right:24%}
}

/* ===== Selo do painel: mesma linha, mesmo eixo ===== */
/* O selo saiu de ANTES pra DEPOIS do nome. Dois cuidados que vieram junto:
   - nome comprido ("Estervania evangelista rocha") empurrava o selo pra fora
     ou quebrava a linha. Agora o nome encolhe com reticencias e o selo fica;
   - o selo antigo era cheio e com pontas, e o centro optico dele nao batia com
     o da letra: parecia torto. O novo e a traco, igual ao da pagina da conta,
     e `align-items:center` resolve sem gambiarra de pixel. */
.btvg-nv-quem{min-width:0;max-width:100%}
.btvg-nv-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.btvg-nv-selo{align-self:center}
.btvg-nv-selo svg{display:block}

/* ===== Tela "Niveis" (05/10/2026) ===== */
.btvg-niv-l{margin:8px 0 0;padding-left:18px}
.btvg-niv-l li{margin:5px 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.82)}
.btvg-niv-l li b{color:#fff}
.btvg-niv{position:relative;border:1px solid transparent}
.btvg-niv.eu{border-color:var(--btv-nivel,#1FAD66);background:#20262b}
.btvg-niv-voce{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:var(--btv-nivel,#1FAD66);color:#111}
.btvg-niv-agora .btvg-leg{margin-top:4px}
.btvg-niv .btvg-leg,.btvg-niv-agora .btvg-leg{display:block}
/* link pra tela de regras, debaixo das barras de nivel */
.btv-niv-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--btv-nivel,rgba(255,255,255,.7));text-decoration:underline;text-underline-offset:2px}
.btvg-niv-intro{margin:0 0 14px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}

/* ===== Fonte do banner: Montserrat ExtraBold so no titulo e no valor =====
   Guia de fonte de 05/10/2026: no maximo 2 fontes por banner. Display grossa
   (800) pra chamada e valor; subtitulo e botao seguem na TT Commons do site.
   A TT Commons para no 700 e o guia pede 800/900 no titulo. Arquivo servido
   pelo betivo-assets (OFL, uso comercial livre), subconjunto latin do Google
   Fonts: cobre os acentos do portugues. */
@font-face{font-family:"Btv Montserrat";font-style:normal;font-weight:800;font-display:swap;
  src:url(https://apps-betivo-assets.jyo3rb.easypanel.host/fonts/montserrat-800.woff2) format("woff2")}
.btvb-t{font-family:"Btv Montserrat",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
/* Montserrat e mais larga que a TT Commons: valor 1.4em encostava na arte. */
.btvb-t .btvb-hi{font-size:1.28em}

/* ===== Banner em 3 camadas: frase, VALOR, complemento (molde Kangu) =====
   Anton e condensada: o valor fica enorme sem comer largura, e no desktop o
   cartao e 1/3 da tela. Ouro CHAPADO (#F7B529, o destaque da marca no painel),
   sem degrade: cor lisa salta mais do fundo escuro. Duas fontes no banner:
   Anton no valor e no complemento, TT Commons na frase e no botao. */
@font-face{font-family:"Btv Anton";font-style:normal;font-weight:400;font-display:swap;
  src:url(https://apps-betivo-assets.jyo3rb.easypanel.host/fonts/anton-400.woff2) format("woff2")}
.btvb-pre{font-style:normal;font-weight:700;font-size:3.9cqw;line-height:1.1;text-transform:uppercase;
  letter-spacing:.02em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.btvb-val{font-family:"Btv Anton",Impact,sans-serif;font-weight:400;font-size:19cqw;line-height:.95;
  letter-spacing:-.005em;color:#F7B529;white-space:nowrap;margin:.04em 0 0;
  text-shadow:0 3px 0 rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.55)}
.btvb-val.longo{font-size:15cqw}
.btvb-com{font-family:"Btv Anton",Impact,sans-serif;font-size:7.6cqw;line-height:1;text-transform:uppercase;
  color:#fff;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.btvb-txt:has(.btvb-val){gap:0}
/* Setas do carrossel: no meio da altura elas caiam em cima do complemento do
   primeiro banner ("GRATIS"). Agora ficam juntas no canto de baixo, a direita,
   longe do texto e do botao (que estao a esquerda). */
.btvb-nav{top:auto;bottom:12px;transform:none;width:34px;height:34px}
.btvb-nav.l{left:auto;right:50px}.btvb-nav.r{right:10px}
/* Ajuste do dono (05/10/2026): texto MENOR, so no espaco que a arte deixa
   livre, e valor no VERDE da Betivo (a mesma --color-primary do site) em vez
   do ouro. */
.btvb-pre{font-size:3.3cqw}
.btvb-val{font-size:12.5cqw;color:var(--color-primary,#1FAD66);margin-top:.08em}
.btvb-val.longo{font-size:10.5cqw}
.btvb-com{font-size:5.4cqw}
/* Texto CENTRALIZADO na coluna livre da esquerda (nao no banner inteiro: no
   meio do cartao ele cairia no rosto do personagem). Frase, valor e botao
   ficam no mesmo eixo, como no banner da Kangu. So vale pro formato de 3
   camadas (o cartao que tem .btvb-val). */
.btvb-slide:has(.btvb-val) .btvb-txt{right:46%;align-items:center;text-align:center}
.btvb-slide:has(.btvb-val) .btvb-btn{right:46%;width:fit-content;margin-inline:auto}
/* ARMADILHA: o site tem, inline, "body :not(svg)... {font-family:TT Commons
   !important}". Sem !important a nossa fonte perde SEMPRE, e a previa local
   (que nao tem essa regra) mostra a fonte certa. Especificidade aqui (0,3,0)
   ganha da deles (0,2,3) entre dois !important. */
.btvb .btvb-slide .btvb-val,.btvb .btvb-slide .btvb-com{font-family:"Btv Anton",Impact,sans-serif !important}
.btvb .btvb-slide .btvb-t{font-family:"Btv Montserrat",system-ui,sans-serif !important}

/* ===== Fonte do valor: Rubik ExtraBold (escolha do dono, 05/10/2026) =====
   Comparadas 10 fontes nos banners reais. Rubik e grossa e arredondada:
   conversa com o botao e com o resto do site, que tambem e arredondado; as
   condensadas (Anton) pareciam cartaz colado por cima. Mais larga que a Anton,
   entao o tamanho e AJUSTADO no JS (encaixar()) a largura da coluna livre.
   !important pelo mesmo motivo de antes: a regra inline do site forca a fonte. */
@font-face{font-family:"Btv Rubik";font-style:normal;font-weight:800;font-display:swap;
  src:url(https://apps-betivo-assets.jyo3rb.easypanel.host/fonts/rubik-800.woff2) format("woff2")}
.btvb .btvb-slide .btvb-val,.btvb .btvb-slide .btvb-com{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;letter-spacing:-.01em}
.btvb-val{line-height:1.02}
.btvb-com{font-size:4.6cqw;line-height:1.1}
/* Cor no molde da Leon (05/10/2026): texto TODO BRANCO, quem da a cor e a
   arte. O verde no valor nao agradou. */
.btvb-val{color:#fff}
/* E alinhado a ESQUERDA, como a Leon (escolha do dono): o olho comeca no canto
   e desce ate o botao. Desfaz o centralizado do bundle zx. */
.btvb-slide:has(.btvb-val) .btvb-txt{right:46%;align-items:flex-start;text-align:left}
.btvb-slide:has(.btvb-val) .btvb-btn{right:auto;margin-inline:0}

/* ===== Clube Betivo: capa + um card por nivel (05/10/2026) =====
   Cada nivel tem a sua cor de metal em 3 tons (--e escuro, --m medio, --l
   claro). Fonte Rubik com !important pela regra inline do site que forca a
   TT Commons (ver banners). */
.btvcb-bronze{--e:#5A3217;--m:#C07A3E;--l:#F2B97F}
.btvcb-prata{--e:#4A545E;--m:#A9B4BE;--l:#EEF2F5}
.btvcb-ouro{--e:#7A4E0E;--m:#DDA43A;--l:#FFE39A}
.btvcb-platina{--e:#164C52;--m:#46ACAE;--l:#C2F2EF}
.btvcb-diamante{--e:#1B2A86;--m:#4E7BFF;--l:#B4DCFF}

.btvcb-capa{position:relative;overflow:hidden;border-radius:16px;min-height:150px;margin:0 0 14px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(221,164,58,.22) 0%,rgba(221,164,58,0) 55%),linear-gradient(180deg,#121519 0%,#0B0D10 100%);
  border:1px solid rgba(255,255,255,.07);display:flex;align-items:center}
.btvcb-faixas{position:absolute;top:-30%;bottom:-30%;right:-4%;width:52%;display:flex;gap:10px;transform:skewX(-18deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.btvcb-faixas i{flex:1;opacity:.92;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.btvcb-faixas i:nth-child(1){background:linear-gradient(180deg,#F2B97F,#C07A3E 55%,#5A3217)}
.btvcb-faixas i:nth-child(2){background:linear-gradient(180deg,#EEF2F5,#A9B4BE 55%,#4A545E)}
.btvcb-faixas i:nth-child(3){background:linear-gradient(180deg,#FFE39A,#DDA43A 55%,#7A4E0E)}
.btvcb-faixas i:nth-child(4){background:linear-gradient(180deg,#C2F2EF,#46ACAE 55%,#164C52)}
.btvcb-faixas i:nth-child(5){background:linear-gradient(180deg,#B4DCFF,#4E7BFF 55%,#1B2A86)}
.btvcb-capa-t{position:relative;z-index:1;padding:22px 24px;max-width:62%}
.btvcb-selo{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#1a1204;
  background:linear-gradient(180deg,#FFE39A,#DDA43A);margin-bottom:8px}
.btvcb-capa .btvcb-capa-t .btvcb-nome{display:block;font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:34px;line-height:1;letter-spacing:.01em;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.6)}
.btvcb-capa-t p{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.78)}

.btvcb-agora{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;
  padding:14px 16px 16px;border-radius:14px;margin-bottom:6px;background:linear-gradient(110deg,color-mix(in srgb,var(--e) 55%,#16191D) 0%,#16191D 70%);
  border:1px solid color-mix(in srgb,var(--m) 45%,transparent)}
.btvcb-agora-l{display:flex;align-items:center;gap:12px}
.btvcb-agora-l b{display:block;font-size:15px;color:#fff}
.btvcb-agora-l p{margin:2px 0 0;font-size:12.5px;color:rgba(255,255,255,.7)}
.btvcb-agora-xp{font-size:13px;font-weight:700;color:var(--l)}
.btvcb-barra{flex-basis:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.btvcb-barra i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--m),var(--l))}

.btvcb-med{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--l) 0%,var(--m) 55%,var(--e) 100%);
  box-shadow:0 0 0 2px rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.45);
  color:#141414;font-size:13px;font-weight:800;letter-spacing:.02em}
.btvcb-med.btvcb-med.btvcb-med{font-family:"Btv Rubik",system-ui,sans-serif !important}

.btvcb-xps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.btvcb-xp{background:#1E2226;border-radius:12px;padding:12px 12px 11px;border:1px solid rgba(255,255,255,.05)}
.btvcb-xp.btvcb-xp.btvcb-xp b{display:block;font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:22px;line-height:1;color:#fff}
.btvcb-xp span{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.65)}
.btvcb-obs{margin:8px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.5)}
.btvcb-nao-cai{margin-top:10px}

.btvcb-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.btvcb-card{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#16191D;
  border:1px solid rgba(255,255,255,.06);padding-bottom:14px}
.btvcb-card.eu{border-color:var(--m);box-shadow:0 0 0 1px var(--m),0 14px 34px -12px color-mix(in srgb,var(--m) 70%,transparent)}
.btvcb-card-topo{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 14px;
  background:linear-gradient(120deg,var(--e) 0%,var(--m) 70%,var(--l) 130%)}
.btvcb-card-topo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%)}
.btvcb-card-topo b{display:block;font-size:19px;line-height:1.05;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.btvcb-card .btvcb-card-topo.btvcb-card-topo b{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;letter-spacing:.01em;text-transform:uppercase}
.btvcb-card-topo em{display:block;margin-top:4px;font-style:normal;font-size:12px;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.4)}
.btvcb-voce{position:absolute;right:12px;top:12px;z-index:1;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;
  background:#fff;color:#111}
.btvcb-lista{list-style:none;margin:6px 0 0;padding:0 16px}
.btvcb-lista li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.btvcb-lista li:last-child{border-bottom:0}
.btvcb-lista span{color:rgba(255,255,255,.58)}
.btvcb-lista b{color:#fff;font-weight:700;text-align:right}
.btvcb-selos{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 0}
.btvcb-selos span{padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;
  color:var(--l);background:color-mix(in srgb,var(--m) 18%,transparent);border:1px solid color-mix(in srgb,var(--m) 40%,transparent)}
.btvcb-selos span.vip{color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A);border-color:transparent}
.btvcb-card .btvcb-obs{padding:0 16px}

@media(max-width:640px){
  .btvcb-capa{min-height:128px}
  .btvcb-capa-t{padding:18px 16px;max-width:68%}
  .btvcb-capa .btvcb-capa-t .btvcb-nome{font-size:26px}
  .btvcb-capa-t p{font-size:12.5px}
  .btvcb-faixas{width:36%;gap:5px}
  .btvcb-xps{grid-template-columns:1fr 1fr}
}

/* ===== Capa do torneio ao vivo (05/10/2026) =====
   Mesma tecnica da capa do Clube: HTML/CSS por cima da arte. Texto BRANCO
   (molde Leon), ouro so nos detalhes. Fonte com !important e seletor de 3
   classes pela regra inline do site que forca a TT Commons. */
.btvtc-capa{position:relative;overflow:hidden;min-height:230px;display:flex;align-items:center;
  background:radial-gradient(90% 120% at 0% 100%,rgba(31,173,102,.18) 0%,rgba(31,173,102,0) 60%),linear-gradient(180deg,#121519,#0B0D10)}
/* A cena do salao corre por tras do texto: 82% da largura, escurecendo da
   esquerda (onde fica o "R$ 20 MIL") ate a modelo, que ancora a direita. */
.btvtc-arte-cel{display:none}
.btvtc-arte{position:absolute;top:0;right:0;bottom:0;width:82%;background-size:cover;background-position:100% 22%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 30%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 30%,#000 55%)}
.btvtc-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:26px 28px;max-width:60%}
.btvtc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.btvtc-vivo,.btvtc-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em}
.btvtc-vivo{background:rgba(229,57,53,.16);color:#FF6B66;border:1px solid rgba(229,57,53,.4)}
.btvtc-vivo i{width:7px;height:7px;border-radius:50%;background:#FF4D48;box-shadow:0 0 0 0 rgba(255,77,72,.6);animation:btvtc-pulso 1.6s infinite}
@keyframes btvtc-pulso{0%{box-shadow:0 0 0 0 rgba(255,77,72,.55)}70%{box-shadow:0 0 0 7px rgba(255,77,72,0)}100%{box-shadow:0 0 0 0 rgba(255,77,72,0)}}
@media (prefers-reduced-motion:reduce){.btvtc-vivo i{animation:none}}
.btvtc-tag{color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
.btvtc-pre{font-style:normal;font-size:14px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.85)}
.btvtc-capa .btvtc-t .btvtc-val{display:block;font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:54px;line-height:.95;
  letter-spacing:-.01em;color:#fff;margin:2px 0 4px;text-shadow:0 4px 0 rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.6),0 0 40px rgba(221,164,58,.25)}
.btvtc-capa .btvtc-t .btvtc-com{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:17px;letter-spacing:.02em;color:#fff}
.btvtc-primeiro{margin-top:14px;padding:6px 12px;border-radius:10px;font-size:12.5px;font-weight:700;color:#FFE39A;
  background:rgba(221,164,58,.12);border:1px solid rgba(221,164,58,.35)}
/* branco (dono, 05/10): o verde do .agora nao vale aqui, so a cor do texto da capa */
.btvtc-capa .btvtc-t .btvtc-faixa{display:block;margin-top:10px;font-size:12.5px;letter-spacing:.02em;color:#fff;opacity:.9}
@media(max-width:640px){
  .btvtc-capa{min-height:200px}
  .btvtc-arte{display:none}
  .btvtc-arte-cel{display:block;width:58%;background-position:50% 25%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 25%,#000 50%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 25%,#000 50%)}
  .btvtc-t{max-width:62%}
  .btvtc-t{padding:20px 16px 44px;max-width:72%}
  .btvtc-capa .btvtc-t .btvtc-val{font-size:34px}
  .btvtc-capa .btvtc-t .btvtc-com{font-size:13px}
  .btvtc-pre{font-size:12px}
  .btvtc-primeiro{font-size:11.5px;margin-top:10px}
  .btvtc-faixa{margin-top:8px;font-size:11.5px}
}

/* ===== Card do Clube Betivo no menu lateral (no lugar do Baixar app) ===== */
#bb-install-app.btvcm-sai{display:none !important}
/* O Baixar app nunca aparece: o card do Clube entra no lugar dele (06/10). */
aside #bb-install-app{display:none !important}
/* RECUADO e arredondado (dono, 05/10/2026, depois de ver a versao de ponta a
   ponta): mesma linguagem do item ativo do menu (pilula recuada). Acabamento
   da referencia que ele mandou: canto 14px, degrade suave, brilho fino na
   borda de cima e as faixas CORTADAS na borda direita. Sem nota de dinheiro. */
aside .btvcm{position:relative;display:flex;align-items:center;overflow:hidden;min-height:76px;margin:10px 0 4px;
  border-radius:14px;text-decoration:none;border:1px solid rgba(255,255,255,.09);
  background:radial-gradient(120% 140% at 0% 0%,rgba(221,164,58,.22) 0%,rgba(221,164,58,0) 60%),linear-gradient(135deg,#1A1D22 0%,#0E1114 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px -12px rgba(0,0,0,.7);
  transition:border-color .15s,transform .15s}
aside .btvcm:hover{border-color:rgba(255,227,154,.45)}
aside .btvcm:focus-visible{outline:2px solid #FFE39A;outline-offset:2px}
.btvcm-faixas{position:absolute;top:-40%;bottom:-40%;right:-10%;width:50%;display:flex;gap:4px;transform:skewX(-18deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%)}
.btvcm-faixas i{flex:1}
.btvcm-faixas i:nth-child(1){background:linear-gradient(180deg,#F2B97F,#C07A3E 55%,#5A3217)}
.btvcm-faixas i:nth-child(2){background:linear-gradient(180deg,#EEF2F5,#A9B4BE 55%,#4A545E)}
.btvcm-faixas i:nth-child(3){background:linear-gradient(180deg,#FFE39A,#DDA43A 55%,#7A4E0E)}
.btvcm-faixas i:nth-child(4){background:linear-gradient(180deg,#C2F2EF,#46ACAE 55%,#164C52)}
.btvcm-faixas i:nth-child(5){background:linear-gradient(180deg,#B4DCFF,#4E7BFF 55%,#1B2A86)}
.btvcm-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;max-width:76%}
.btvcm-selo{font-style:normal;padding:1px 7px;border-radius:999px;font-size:8.5px;font-weight:800;letter-spacing:.18em;color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
aside .btvcm .btvcm-t .btvcm-nome{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:15px;line-height:1;letter-spacing:.01em;color:#fff;white-space:nowrap}
.btvcm-sub{font-size:10.5px;line-height:1.2;color:rgba(255,255,255,.72)}
/* menu recolhido (trilho de icones): vira um quadradinho so com as faixas */
html.btv-collapsed aside .btvcm{width:44px;min-height:44px;margin:6px auto;border-radius:12px}
html.btv-collapsed aside .btvcm .btvcm-t{display:none}
html.btv-collapsed aside .btvcm .btvcm-faixas{left:-30%;right:-30%;width:auto;top:-30%;bottom:-30%;-webkit-mask-image:none;mask-image:none}

/* ===== Medalhas no lugar das faixas (capa do Clube e card do menu) =====
   O SVG e recortado por xMaxYMax slice: encosta na direita e no pe, e o que
   sobra sai pela borda de CIMA (so fita). Capa larga mostra as 5; card e
   celular mostram as 2 ou 3 maiores, com o resto sumindo no degrade. */
.btvcb-vitrine{position:absolute;top:0;right:4px;bottom:0;width:52%}
.btvcb-vitrine-cel{display:none}
.btvcb-capa .btvcb-capa-t{max-width:48%}
.btvcb-vitrine svg,.btvcm-vitrine svg{display:block;width:100%;height:100%}
.btvcb-faixas{display:none}
.btvcm-vitrine{position:absolute;top:0;right:0;bottom:0;width:44%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.btvcm-faixas{display:none}
.btvcm-t{max-width:64%}
.btvcm-sub{white-space:normal}
html.btv-collapsed aside .btvcm .btvcm-vitrine{left:0;width:auto;-webkit-mask-image:none;mask-image:none}
@media(max-width:640px){
  .btvcb-vitrine{display:none}
  .btvcb-vitrine-cel{display:block;right:0;width:46%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
  .btvcb-capa .btvcb-capa-t{max-width:62%}
}

/* ===== Contador da capa do torneio (05/10/2026) =====
   Dono: "ficou grande, diminui". Caixas e numeros menores que a 1a versao. */
.btvtc-cont{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.btvtc-cont em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-right:2px}
.btvtc-cont span{display:flex;flex-direction:column;align-items:center;min-width:34px;padding:4px 5px 3px;border-radius:7px;
  background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.btvtc-capa .btvtc-t .btvtc-cont b{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:14px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.btvtc-cont i{font-style:normal;font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:2px}
@media(max-width:640px){
  .btvtc-cont{gap:5px;margin-top:8px}
  .btvtc-cont em{font-size:10px;flex-basis:100%;margin:0 0 -2px}
  .btvtc-cont span{min-width:31px;padding:3px 4px 3px}
  .btvtc-capa .btvtc-t .btvtc-cont b{font-size:13px}
}

/* ===== LiveChat do DeltaCRM (05/10/2026) =====
   Quando o chat do CRM esta no ar (#lc2-widget), o nosso botao flutuante de
   suporte some: os dois ficavam no mesmo canto, um em cima do outro. */
body:has(#lc2-widget) .btvc-btn{display:none !important}

/* Balao do LiveChat BRANCO com icone escuro (pedido do dono, 05/10/2026): o
   verde do CRM brigava com o layout; branco e o mesmo do nosso botao antigo. */
#lc2-launcher{background:#fff !important;color:#0B0D0E !important;box-shadow:0 8px 24px rgba(0,0,0,.45) !important}

/* No CELULAR a bolinha do LiveChat some (pedido do dono, 05/10/2026): quem
   abre o chat e o item "Suporte 24/7" do menu. So o balao some; a janela
   (#lc2-window) continua, com o proprio X. No desktop a bolinha fica. */
@media (max-width:1023px){ #lc2-widget #lc2-launcher{display:none !important} }

/* Com a Luna na pagina, a caixa do chat antigo nunca aparece, nem se algo tentar abrir. */
body:has(#lc2-widget) .btvc{display:none !important}

/* ===== Chat nativo FORA do site (05/10/2026) ===== */
.btvc,.btvc-btn{display:none !important}
/* deslogado nao tem Luna e nao tem mais chat nativo: os links de Suporte somem */
body:not(:has(form[action*="/sair"])) a[href$="/suporte"],body:not(:has(form[action*="/sair"])) a[href$="/suporte/"]{display:none !important}
/* aviso "Abrindo o chat da Luna..." enquanto o CRM demora */
.btvlc-aviso{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:2147483000;padding:12px 18px;border-radius:999px;background:#fff;color:#0B0D0E;font:600 14px/1.2 system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.btvlc-aviso.on{opacity:1;transform:translate(-50%,0)}

/* avisos do login (envio unico / demora / senha errada) */
.btvlg-aviso{margin:8px 0 0;font-size:13px;line-height:1.35;color:rgba(255,255,255,.72)}
.btvlg-aviso.demora{color:#FFD58A}
.btvlg-aviso.senha{color:rgba(255,255,255,.72)}

/* Acesso rapido (05/10): a secao Cassino da plataforma fica invisivel ate a tag
   trocar o conteudo (some o link de Provedores e o :has para de casar). Sem
   isso o menu antigo piscava. Rede de seguranca: aparece sozinha em 4 s. */
aside [x-data]:has(> div > a[href$="/cassino/provedores"]){visibility:hidden;animation:btvar-mostra 0s 4s forwards}
@keyframes btvar-mostra{to{visibility:visible}}

/* Premios embutidos do widget (06/10): mesma cara das nossas telas. O widget
   pinta em azul-claro (Theme.primary #00d4ff); aqui vira o verde da Betivo. */
.btvg-corpo #bsw-content .bsw-section{margin:4px 0 10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.btvg-corpo #bsw-content .bsw-reward-card,.btvg-corpo #bsw-content .bsw-history-item{background:#1E2226 !important;border:1px solid rgba(255,255,255,.06) !important;border-radius:14px !important;margin-bottom:10px}
.btvg-corpo #bsw-content .bsw-reward-card{border-color:rgba(31,173,102,.45) !important;background:radial-gradient(120% 120% at 0% 0%,rgba(31,173,102,.16),transparent 60%),#1E2226 !important}
.btvg-corpo #bsw-content .bsw-reward-name,.btvg-corpo #bsw-content .bsw-history-name{color:#fff !important;font-weight:700}
.btvg-corpo #bsw-content .bsw-reward-expires{color:#F5C451 !important}
.btvg-corpo #bsw-content .bsw-btn-primary{background:linear-gradient(180deg,#2BC777,#1FAD66) !important;color:#fff !important;border:0 !important;border-radius:10px !important;font-weight:800 !important;box-shadow:none !important}
.btvg-corpo #bsw-content .bsw-empty,.btvg-corpo #bsw-content .bsw-empty-inline{background:#1E2226;border-radius:14px;color:rgba(255,255,255,.6)}

/* Aviso de premio pra resgatar (06/10): numero no "Premios" do Acesso rapido e
   ponto no "Menu" da barra do celular. */
.btvar a .btvar-n{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#E5484D;color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center;flex:none}
html.btv-collapsed aside a > span.btvar-n:not(.bb-emoji):not(.bb-ico-emoji){display:block !important;position:absolute;top:4px;right:4px;min-width:0;width:9px;height:9px;padding:0;font-size:0;box-shadow:0 0 0 2px #15181C}
nav.bb-mobile-bar.btvn .btvn-i.btvar-tem{position:relative}
nav.bb-mobile-bar.btvn .btvn-i.btvar-tem::after{content:"";position:absolute;top:9px;left:calc(50% + 7px);width:9px;height:9px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 2px #1E2226}
@media (prefers-reduced-motion:no-preference){
  .btvar a .btvar-n{animation:btvar-pulso 2s ease-in-out infinite}
  @keyframes btvar-pulso{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}50%{box-shadow:0 0 0 5px rgba(229,72,77,0)}}
}

/* ===== Promocoes: catalogo (06/10) ===== tela inteira por cima, igual as telas
   da gamificacao (mesmo fundo, mesma margem pra barra do celular). */
div.btvpr{position:fixed !important;inset:0 0 var(--btvg-b,0) 0 !important;z-index:1004 !important;background:#0D0F11;color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}
div.btvpr[hidden]{display:none !important}
html.btvpr-open{overflow:hidden}
.btvpr-barra{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(13,15,17,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.btvpr-barra h2{margin:0;font-size:18px;font-weight:800}
.btvpr-volta{width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#0D0F11;display:flex;align-items:center;justify-content:center;cursor:pointer}
.btvpr-volta svg{width:20px;height:20px}
.btvpr-volta:focus-visible,.btvpr-vr:focus-visible,.btvpr-cta:focus-visible,.btvpr-fx:focus-visible{outline:2px solid #7BE0A6;outline-offset:2px}
.btvpr-miolo{max-width:1040px;margin:0 auto;padding:18px 16px 40px}
.btvpr-intro{margin:0 0 18px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.65)}
.btvpr-intro b{color:#fff}
.btvpr-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:720px){.btvpr-grade{grid-template-columns:1fr}}
.btvpr-card{display:flex;flex-direction:column;background:#16191C;border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden}
.btvpr-arte{position:relative;aspect-ratio:828/400;background-size:cover;background-position:center right}
.btvpr-arte::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.92) 0%,rgba(10,12,14,.55) 45%,rgba(10,12,14,0) 75%)}
.btvpr-selo{position:absolute;top:12px;left:12px;z-index:1;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0D0F11;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
.btvpr-chamada{position:absolute;left:16px;bottom:14px;right:45%;z-index:1;display:flex;flex-direction:column;gap:2px}
.btvpr-chamada small{font-size:12px;color:rgba(255,255,255,.8)}
.btvpr-chamada strong{font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:clamp(26px,4.4vw,34px);font-weight:900;line-height:1;color:#7BE0A6;letter-spacing:-.01em}
.btvpr-chamada em{font-style:normal;font-size:13px;font-weight:700;color:#fff}
.btvpr-corpo{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.btvpr-corpo h3{margin:0;font-size:17px;font-weight:800;line-height:1.25}
.btvpr-corpo p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.68)}
.btvpr-corpo p b{color:#fff}
.btvpr-fatos{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.btvpr-fatos li{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:10px;background:#1E2226;min-width:0}
.btvpr-fatos small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.btvpr-fatos b{font-size:13px;font-weight:800;color:#fff}
.btvpr-acoes{display:flex;gap:10px;margin-top:auto;padding-top:6px}
.btvpr-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;background:linear-gradient(180deg,#2BC777,#1FAD66);color:#fff !important;font-weight:800;font-size:14px;text-decoration:none}
.btvpr-vr{flex:none;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.btvpr-vr:hover{background:rgba(255,255,255,.06)}
.btvpr-rodape{margin:22px 0 0;font-size:11.5px;color:rgba(255,255,255,.4);text-align:center}
.btvpr-modal{position:fixed !important;inset:0 !important;z-index:1006 !important;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.65)}
.btvpr-modal[hidden]{display:none !important}
.btvpr-folha{width:100%;max-width:560px;max-height:min(86vh,720px);overflow-y:auto;background:#16191C;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 18px 20px}
.btvpr-folha-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.btvpr-folha-topo small{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7BE0A6}
.btvpr-folha-topo h3{margin:2px 0 0;font-size:18px;font-weight:800}
.btvpr-fx{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#262B30;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.btvpr-fx svg{width:16px;height:16px}
.btvpr-folha ol{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.btvpr-folha li{font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.btvpr-folha li b{color:#fff}
.btvpr-geral{margin:14px 0 14px;font-size:12.5px;color:rgba(255,255,255,.5)}
.btvpr-geral a{color:#7BE0A6}
.btvpr-cta.grande{display:flex;width:100%}
@media (max-width:640px){.btvpr-modal{align-items:flex-end;padding:0}.btvpr-folha{max-width:none;border-radius:18px 18px 0 0;max-height:88vh}}

/* ===== Premios (/meus-cashbacks): premios da roleta no topo (06/10) ===== */
.btvpz{margin:0 0 18px}
.btvpz[hidden]{display:none}
.btvpz-rot{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:800;color:#7BE0A6}
.btvpz-rot i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#E5484D;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.btvpz-card{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:10px;border-radius:16px;border:1px solid rgba(31,173,102,.45);background:radial-gradient(120% 120% at 0% 0%,rgba(31,173,102,.16),transparent 60%),#16191C}
.btvpz-card.ok{border-color:rgba(123,224,166,.5)}
.btvpz-ic{flex:none;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#FFE39A;background:radial-gradient(circle at 50% 30%,rgba(245,196,81,.35),rgba(245,196,81,.08));box-shadow:inset 0 0 0 1.5px rgba(245,196,81,.6)}
.btvpz-ic svg{width:26px;height:26px}
.btvpz-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.btvpz-txt b{font-size:15px;font-weight:800;color:#fff}
.btvpz-txt small{font-size:12.5px;color:rgba(255,255,255,.6)}
.btvpz-txt small strong{color:#FFE39A;letter-spacing:.04em}
.btvpz-txt em{font-style:normal;font-size:12px;font-weight:700;color:#F5C451}
.btvpz-erro{margin:4px 0 0;font-size:12px;color:#FF8A8A}
.btvpz-bt{flex:none;min-height:44px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(180deg,#2BC777,#1FAD66);color:#fff !important;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.btvpz-bt:disabled{opacity:.6;cursor:default}

/* Promocoes: card de destaque (BONUS100, 06/10). Sem arte: o numero e o
   protagonista. Regras em letra miuda no proprio card (pedido do Carlos). */
.btvpr-card.btvpr-dest{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid rgba(245,196,81,.35);
  background:radial-gradient(90% 120% at 0% 0%,rgba(31,173,102,.28) 0%,transparent 55%),radial-gradient(80% 120% at 100% 100%,rgba(245,196,81,.16) 0%,transparent 60%),#14171A}
@media (max-width:720px){.btvpr-card.btvpr-dest{grid-template-columns:1fr}}
.btvpr-dest-topo{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 20px 20px}
.btvpr-dest .btvpr-selo{position:static}
.btvpr-dest-num{display:flex;align-items:center;gap:12px;margin-top:2px}
.btvpr-dest-num strong{font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:clamp(56px,9vw,84px);font-weight:900;line-height:.9;letter-spacing:-.03em;
  background:linear-gradient(180deg,#B9F5D2 0%,#2BC777 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btvpr-dest-num span{max-width:9em;font-size:15px;font-weight:800;line-height:1.25;color:#FFE39A}
.btvpr-dest-topo h3{margin:0;font-size:20px;font-weight:800}
.btvpr-dest-topo p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72)}
.btvpr-dest-topo p b{color:#fff}
.btvpr-dest-topo .btvpr-cta{flex:none;width:100%;max-width:320px;min-height:50px;font-size:16px;margin-top:4px;box-shadow:0 8px 24px rgba(31,173,102,.35)}
.btvpr-miudo{padding:20px 20px 18px;border-left:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18)}
@media (max-width:720px){.btvpr-miudo{border-left:0;border-top:1px solid rgba(255,255,255,.06)}}
.btvpr-miudo small{display:block;margin-bottom:6px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.btvpr-miudo ol{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px}
.btvpr-miudo li{font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.55)}
.btvpr-miudo li b{color:rgba(255,255,255,.82);font-weight:700}
.btvpr-miudo p{margin:10px 0 0;font-size:11px;color:rgba(255,255,255,.4)}
.btvpr-miudo a{color:#7BE0A6}

/* Promocoes dentro da moldura das telas (06/10): o catalogo ocupa a coluna da
   direita; sem margem extra em cima, igual Missoes e Premios. */
.btvg-corpo .btvpr-intro{margin-top:0}
.btvg-corpo .btvpr-rodape{margin-bottom:0}

/* Cards de promocao mais premium (06/10): borda dourada sutil, brilho no topo
   da arte e leve elevacao ao passar o mouse. */
.btvpr-card{position:relative;border-color:rgba(245,196,81,.18);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.btvpr-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,227,154,.07),transparent 30%)}
.btvpr-card:hover{border-color:rgba(245,196,81,.45);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(245,196,81,.12)}
@media (prefers-reduced-motion:no-preference){.btvpr-card:hover{transform:translateY(-2px)}}
.btvpr-chamada strong{text-shadow:0 2px 18px rgba(31,173,102,.35)}
.btvpr-cta{box-shadow:0 6px 18px rgba(31,173,102,.28)}

/* Chamada da arte em BRANCO, Rubik 800, igual aos banners da home (Carlos, 06/10):
   o verde nao ficou legal. */
.btvpr-chamada strong{font-weight:800;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.55)}
.btvpr-chamada small,.btvpr-chamada em{text-shadow:0 2px 10px rgba(0,0,0,.5)}

/* Giros expirados (48 h, 06/10) */
.fs-card.btvfs-exp{opacity:.6}
.fs-card.btvfs-exp .fs-cover img{filter:grayscale(1)}
.fs-pill.btvfs-pill-exp{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;color:#FF8A8A;background:rgba(229,72,77,.14)}
.fs-play.btvfs-off{display:inline-flex;align-items:center;gap:6px;background:#2A2F35 !important;color:rgba(255,255,255,.55) !important;box-shadow:none !important;cursor:not-allowed;pointer-events:none}
.btvfs-tit{color:rgba(255,255,255,.55) !important}
.btvfs-vazio{margin:0;padding:16px;border-radius:14px;background:#16191C;font-size:13px;color:rgba(255,255,255,.6)}

/* Missao: resgatar recompensa (06/10) */
.btvg-acao.btvg-resgatar{background:linear-gradient(180deg,#2BC777,#1FAD66) !important;color:#fff !important;border:0 !important;font-weight:800;box-shadow:0 6px 18px rgba(31,173,102,.3)}
.btvg-acao.btvg-resgatar:disabled{opacity:.6}
.btvg-resgatado{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:800;color:#7BE0A6;background:rgba(31,173,102,.14)}
.btvg-erro{display:block;margin-top:6px;font-size:12px;color:#FF8A8A}

/* Premios: abas em cartoes (06/10) */
main .cb-hub .cb-tabs.btvtabs{display:grid !important;grid-template-columns:repeat(3,1fr);gap:10px !important;padding:0 !important;background:transparent !important;border:0 !important;margin-bottom:18px}
main .cb-hub .cb-tabs.btvtabs .cb-tab{position:relative;display:flex !important;align-items:center;gap:12px;min-height:72px;padding:14px 16px !important;text-align:left;border-radius:16px !important;
  background:#16191C !important;border:1px solid rgba(255,255,255,.08) !important;color:#fff !important;box-shadow:none !important;cursor:pointer;transition:border-color .15s,background .15s}
main .cb-hub .cb-tabs.btvtabs .cb-tab:hover{border-color:rgba(255,255,255,.2) !important;background:#1B1F23 !important}
main .cb-hub .cb-tabs.btvtabs .cb-tab:focus-visible{outline:2px solid #7BE0A6;outline-offset:2px}
main .cb-hub .cb-tabs.btvtabs .cb-tab.cb-tab--active{border-color:#1FAD66 !important;background:radial-gradient(120% 140% at 0% 0%,rgba(31,173,102,.28),transparent 60%),#14191A !important;box-shadow:0 0 0 1px rgba(31,173,102,.35),0 8px 22px rgba(31,173,102,.18) !important}
.btvtab-ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75)}
.btvtab-ic svg{width:21px;height:21px}
.cb-tab--active .btvtab-ic{background:rgba(31,173,102,.2);color:#7BE0A6}
.btvtab-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.btvtab-txt b{font-size:14.5px;font-weight:800;line-height:1.2;color:#fff}
.btvtab-txt small{font-size:12px;line-height:1.25;color:rgba(255,255,255,.55)}
.btvtab-n{margin-left:auto;flex:none;min-width:22px;height:22px;padding:0 7px;border-radius:99px;font-style:normal;font-size:12px;font-weight:800;line-height:22px;text-align:center;color:#fff;background:#E5484D}
.btvtab-n[hidden]{display:none}
.btvtab-ok{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#1FAD66;color:#fff}
.btvtab-ok svg{width:11px;height:11px}
.cb-tab--active .btvtab-ok{display:flex}
.cb-tab--active .btvtab-n{margin-right:18px}
@media (max-width:640px){
  main .cb-hub .cb-tabs.btvtabs{gap:8px}
  main .cb-hub .cb-tabs.btvtabs .cb-tab{flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:12px 6px !important;text-align:center}
  .btvtab-txt small{display:none}
  .btvtab-txt b{font-size:13px}
  .btvtab-n{position:absolute;top:8px;left:8px;margin:0}
  .cb-tab--active .btvtab-n{margin:0}
}

/* Check-in premium (06/10) */
.btvci-barra{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 4px}
.btvci-barra i{height:6px;border-radius:99px;background:rgba(255,255,255,.08)}
.btvci-barra i.ok{background:linear-gradient(90deg,#1FAD66,#3BD888)}
.btvci-barra i.hoje{background:linear-gradient(90deg,#DDA43A,#FFE39A);box-shadow:0 0 10px rgba(245,196,81,.5)}
.btvci{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:760px){.btvci{grid-template-columns:repeat(2,1fr);gap:10px}}
.btvci-dia{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;border-radius:18px;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,#1A1E22 0%,#141719 100%);border:1px solid rgba(255,255,255,.07)}
.btvci-dia.ultimo{grid-column:span 2;flex-direction:row;justify-content:center;gap:18px;text-align:left;
  border-color:rgba(245,196,81,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(245,196,81,.18),transparent 60%),linear-gradient(180deg,#1C1D1A 0%,#141719 100%)}
.btvci-dia.ultimo .btvci-info{align-items:flex-start}
.btvci-med{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;
  color:#C9D1D9;background:radial-gradient(circle at 50% 30%,#3A4047,#1E2226 70%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 -6px 12px rgba(0,0,0,.35)}
.btvci-med svg{width:26px;height:26px}
.btvci-dia.ultimo .btvci-med{width:72px;height:72px;color:#3A2A06;background:radial-gradient(circle at 50% 30%,#FFE9A8,#DDA43A 70%);box-shadow:inset 0 0 0 2px #FFE39A,0 0 26px rgba(245,196,81,.35)}
.btvci-dia.ultimo .btvci-med svg{width:32px;height:32px}
.btvci-dia.ok{opacity:.75}
.btvci-dia.ok .btvci-med{color:#fff;background:radial-gradient(circle at 50% 30%,#3BD888,#1A8F55 70%);box-shadow:inset 0 0 0 2px #7BE0A6}
.btvci-dia.hoje{border-color:rgba(245,196,81,.6);background:radial-gradient(120% 120% at 50% 0%,rgba(245,196,81,.22),transparent 65%),linear-gradient(180deg,#1E1D18 0%,#151719 100%);
  box-shadow:0 0 0 1px rgba(245,196,81,.25),0 12px 30px rgba(245,196,81,.12)}
.btvci-dia.hoje .btvci-med{color:#3A2A06;background:radial-gradient(circle at 50% 30%,#FFE9A8,#DDA43A 70%);box-shadow:inset 0 0 0 2px #FFE39A,0 0 22px rgba(245,196,81,.45)}
.btvci-dia.futuro .btvci-med{opacity:.75}
.btvci-selo{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:99px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
.btvci-selo.max{color:#FFE39A;background:rgba(245,196,81,.14)}
.btvci-info{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.btvci-n{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.btvci-dia.hoje .btvci-n{color:#FFE39A}
.btvci-dia.ok .btvci-n{color:#7BE0A6}
.btvci-pls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.btvci-dia.ultimo .btvci-pls{justify-content:flex-start}
.btvci-pl{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12px;color:#fff}
.btvci-pl svg{width:13px;height:13px;flex:none}
.btvci-pl b{font-weight:800}
.btvci-pl.giro svg{color:#7BE0A6}
.btvci-pl.pts svg{color:#FFE39A}
.btvci-info small{font-size:11px;color:rgba(255,255,255,.45)}
@media (prefers-reduced-motion:no-preference){
  .btvci-dia.hoje .btvci-med{animation:btvci-pulso 2.4s ease-in-out infinite}
  @keyframes btvci-pulso{50%{box-shadow:inset 0 0 0 2px #FFE39A,0 0 34px rgba(245,196,81,.7)}}
}

/* Premios (/meus-cashbacks): sem o cartao de Saldo pra saque / Saldo bonus
   (pedido do Carlos, 06/10). O saldo ja esta no cabecalho e na Carteira. */
main .cb-page .cb-saldo{display:none !important}

/* Check-in: capa premium (06/10) */
.btvci-capa{position:relative;overflow:hidden;min-height:240px;border-radius:18px;margin:0 0 6px;display:flex;align-items:center;
  background-color:#0F1316;background-size:cover;background-position:right center;border:1px solid rgba(245,196,81,.22);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.btvci-capa::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,22,.96) 0%,rgba(15,19,22,.75) 38%,rgba(15,19,22,0) 70%)}
.btvci-capa-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 26px;max-width:62%}
.btvci-capa-selo{font-style:normal;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
.btvci-capa-t b{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:clamp(30px,4vw,44px);line-height:1;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.55)}
.btvci-capa-t b small{font-size:.5em;font-weight:700;color:rgba(255,255,255,.7)}
.btvci-capa-t p{margin:0;max-width:34em;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.75)}
.btvci-capa-pr{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.btvci-capa-pr i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFE39A;margin-right:2px}
.btvci-capa-pr span{padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}
.btvg-girar.btvci-capa-bt{margin-top:4px;padding:13px 30px;border-radius:999px;font-weight:800;font-size:15px;color:#1a1204 !important;background:linear-gradient(180deg,#FFE39A,#DDA43A) !important;box-shadow:0 8px 24px rgba(245,196,81,.35)}
.btvci-capa-ok{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:800;color:#7BE0A6;background:rgba(31,173,102,.16)}
@media (max-width:640px){
  .btvci-capa{min-height:260px;align-items:flex-end;background-position:70% center}
  .btvci-capa::before{background:linear-gradient(0deg,rgba(15,19,22,.97) 0%,rgba(15,19,22,.7) 45%,rgba(15,19,22,.1) 80%)}
  .btvci-capa-t{max-width:none;padding:18px}
}

/* Favoritos sai do menu lateral (pedido do Carlos, 06/10). O item da
   plataforma continua no HTML (o nosso "Promocoes" e copiado dele), so some. */
aside a[href$="/favoritos"],aside a[href$="/favoritos/"]{display:none !important}

/* Rodape no celular (06/10): idioma ao lado da logo; "Seja afiliado" ao lado de Informacoes */
.btvf-lang{display:none}
.btvf-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.btvf-hrow h4{margin:0 !important}
@media(max-width:767px){
  .btvf-top{flex-wrap:nowrap !important}
  .btvf-lang{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border-radius:999px;background:#22262A;color:#fff;font-weight:700;font-size:13px;cursor:pointer;user-select:none;flex:none}
  .btvf-lang img{width:18px;height:13px;border-radius:2px;display:block}
  .btvf-lang .chev{width:14px;height:14px;margin-left:2px;transition:transform .15s}
  .btvf-lang.open .chev{transform:rotate(180deg)}
  .btvf-lang .btvl-menu{left:auto;right:0}
  .btvf-lang.open .btvl-menu{display:block}
  .btvf-lang:focus-visible{outline:2px solid #7BE0A6;outline-offset:2px}
  html.btv-nao-afiliado .btvf-hrow .btvaf-abrir{width:auto !important;padding:9px 16px !important;font-size:13px;margin:0 !important;flex:none}
}

/* Pop-up de promocao depois do login (06/10) */
div.btvpop{position:fixed !important;inset:0 !important;z-index:1010 !important;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,0);transition:background .25s}
div.btvpop.on{background:rgba(0,0,0,.72)}
.btvpop-caixa{position:relative;width:100%;max-width:420px;border-radius:22px;overflow:hidden;background:#14171A;border:1px solid rgba(245,196,81,.35);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(245,196,81,.12);transform:translateY(16px) scale(.97);opacity:0;transition:transform .25s ease,opacity .25s ease}
div.btvpop.on .btvpop-caixa{transform:none;opacity:1}
.btvpop-x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.btvpop-x svg{width:16px;height:16px}
.btvpop-arte{position:relative;aspect-ratio:828/470;background-size:cover;background-position:center right}
.btvpop-arte::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,18,.95) 0%,rgba(17,17,18,.6) 45%,rgba(17,17,18,0) 75%),linear-gradient(0deg,#14171A 0%,rgba(20,23,26,0) 35%)}
.btvpop-arte em{position:absolute;top:14px;left:16px;z-index:1;font-style:normal;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,#FFE39A,#DDA43A)}
.btvpop-cham{position:absolute;left:18px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:2px}
.btvpop-cham small{font-size:13px;color:rgba(255,255,255,.85);text-shadow:0 2px 10px rgba(0,0,0,.6)}
.btvpop-cham strong{font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-size:44px;line-height:1;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.6)}
.btvpop-cham span{font-size:14px;font-weight:800;color:#FFE39A;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.btvpop-corpo{display:flex;flex-direction:column;gap:10px;padding:6px 20px 18px}
.btvpop-corpo p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}
.btvpop-cta{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-size:16px;font-weight:800;text-decoration:none;color:#1a1204 !important;
  background:linear-gradient(180deg,#FFE39A,#DDA43A);box-shadow:0 10px 26px rgba(245,196,81,.35)}
.btvpop-cta:focus-visible,.btvpop-nao:focus-visible,.btvpop-x:focus-visible{outline:2px solid #7BE0A6;outline-offset:2px}
.btvpop-nao{border:0;background:transparent;color:rgba(255,255,255,.6);font-size:13.5px;font-weight:700;padding:6px;cursor:pointer}
.btvpop-miudo{font-size:11px;line-height:1.4;color:rgba(255,255,255,.4);text-align:center}
.btvpop-miudo a{color:#7BE0A6}
@media (prefers-reduced-motion:reduce){div.btvpop,.btvpop-caixa{transition:none}}
.btvpop-seg{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;font-size:14.5px;font-weight:800;text-decoration:none;color:#fff !important;border:1px solid rgba(255,255,255,.18)}
.btvpop-seg:hover{background:rgba(255,255,255,.06)}

/* Ranking do torneio ate o 20o (06/10) */
.btvg-rank-n{margin-left:8px;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#FFE39A;background:rgba(245,196,81,.14);text-transform:none}
.btvg-rank-eu{border:1px solid rgba(31,173,102,.55) !important;background:rgba(31,173,102,.12) !important;margin-top:6px}
.btvg-premiado{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:800;color:#7BE0A6;background:rgba(31,173,102,.18)}
.btvg-rank-mais{margin-top:10px !important;padding:10px 12px;border-radius:12px;background:rgba(245,196,81,.08);color:rgba(255,255,255,.75) !important}

/* ===== Escolha da promocao na tela de deposito (06/10/2026) ===== */
main .btvcp{margin:0 0 16px}
main .btvcp-tit{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;text-align:left}
main .btvcp-tit:hover{border-color:rgba(255,255,255,.24)}
main .btvcp-tit:focus-visible{outline:2px solid var(--color-primary,#06E05B);outline-offset:2px}
main .btvcp-titx{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);white-space:nowrap}
main .btvcp-res{flex:1;min-width:0;text-align:right;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main .btvcp-res.on{color:var(--color-primary,#06E05B)}
main .btvcp-seta{flex:none;color:rgba(255,255,255,.7);transition:transform .2s}
main .btvcp.aberto .btvcp-seta{transform:rotate(180deg)}
main .btvcp-corpo{display:none;padding-top:10px}
main .btvcp.aberto .btvcp-corpo{display:block}
@media (prefers-reduced-motion:reduce){main .btvcp-seta{transition:none}}
main .btvcp-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
main .btvcp-op{--tom:6,224,91;--tomh:#06E05B;position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;padding:9px 11px 9px 9px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(140deg,rgba(var(--tom),.10) 0%,rgba(255,255,255,.025) 55%,rgba(255,255,255,.015) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:#fff;cursor:pointer;min-width:0;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
main .btvcp-op.btvcp-bonus{--tom:245,196,81;--tomh:#F5C451}
main .btvcp-op::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--tomh),rgba(var(--tom),.2));opacity:.55}
main .btvcp-op:hover{border-color:rgba(var(--tom),.45);transform:translateY(-1px)}
main .btvcp-op:focus-visible{outline:2px solid var(--tomh);outline-offset:2px}
main .btvcp-op.on{border-color:rgba(var(--tom),.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(var(--tom),.35),0 8px 22px -10px rgba(var(--tom),.55)}
main .btvcp-op.on::before{opacity:1}
main .btvcp-op.carregando{opacity:.6;pointer-events:none}
main .btvcp-k{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(var(--tom),.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-right:20px;box-sizing:border-box}
main .btvcp-v{font-size:13px;letter-spacing:-.005em;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
main .btvcp-v i{font-style:normal;color:var(--tomh)}
main .btvcp-s{font-size:10.5px;line-height:1.25;color:rgba(255,255,255,.55);white-space:nowrap}
main .btvcp-radio{position:absolute;top:9px;right:9px;width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);transition:border-color .15s,background .15s}
main .btvcp-op.on .btvcp-radio{border-color:var(--tomh);background:var(--tomh) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230b0c0e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
main .btvcp-nota{margin-top:8px;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.55)}
@media (max-width:520px){main .btvcp-lista{grid-template-columns:1fr;gap:6px}main .btvcp-op{padding:8px 40px 8px 13px}main .btvcp-radio{top:50%;right:12px;margin-top:-8px}}
@media (prefers-reduced-motion:reduce){main .btvcp-op,main .btvcp-radio{transition:none}main .btvcp-op:hover{transform:none}}

/* ===== Cartao do cupom aplicado no deposito, mais fino (06/10/2026) =====
   E o cartao da propria plataforma (.cpn-prize). Pedido do Carlos: mais fino.
   So tamanho e espaco; nada de esconder informacao. "por nossa conta" sobe pra
   mesma linha do nome do jogo. */
main .cpn-prize>.relative.flex{padding:9px 12px!important;gap:10px!important;align-items:center!important}
main .cpn-prize .cpn-thumb{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important}
main .cpn-prize .cpn-thumb img{width:100%!important;height:100%!important;object-fit:cover}
main .cpn-prize .flex-1.min-w-0>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;min-width:0}
main .cpn-prize .flex-1.min-w-0>div>div:first-child{flex-basis:100%;font-size:9px!important}
main .cpn-prize .flex-1.min-w-0 .mt-0\.5{margin-top:1px!important;font-size:15px!important;line-height:1.2!important;max-width:100%}
main .cpn-prize .flex-1.min-w-0 .mt-1{margin-top:0!important;font-size:11.5px!important}
main .cpn-prize .cpn-foot{padding:6px 12px 8px!important}
main .cpn-prize .cpn-foot .mb-1\.5{margin-bottom:4px!important;font-size:11.5px!important}
main .cpn-prize .cpn-track{height:4px!important}
main .cpn-prize .cpn-fill{height:100%!important}

/* imagem da promocao no canto do cartao (06/10/2026) */
main .btvcp-img{flex:none;width:42px;height:42px;border-radius:10px;background-color:#111;background-size:280% auto;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(var(--tom),.35),0 4px 10px -4px rgba(0,0,0,.6)}
main .btvcp-op.on .btvcp-img{box-shadow:0 0 0 1.5px var(--tomh),0 4px 12px -4px rgba(var(--tom),.6)}
main .btvcp-tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
@media (max-width:520px){main .btvcp-op{padding:8px 40px 8px 9px}main .btvcp-k{padding-right:0}}

/* texto em 3 linhas curtas: numero, complemento, minimo (06/10/2026) */
main .btvcp-tx{gap:0}
main .btvcp-n{font-size:15px;font-weight:900;line-height:1.1;color:var(--tomh);white-space:nowrap;padding-right:18px}
main .btvcp-d{font-size:12px;font-weight:800;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main .btvcp-tx .btvcp-s{margin-top:1px;font-size:10.5px}

/* selecao = selo de check no canto da imagem, so no escolhido (06/10/2026).
   O circulo a direita comia a largura do texto e cortava "20 giros". */
main .btvcp-op{padding-right:10px}
main .btvcp-n{padding-right:0}
main .btvcp-radio{display:none;top:4px;right:auto;left:40px;width:16px;height:16px;margin-top:0;border:2px solid #0b0c0e;box-sizing:border-box}
main .btvcp-op.on .btvcp-radio{display:block;background-size:10px}
@media (max-width:520px){main .btvcp-op{padding:8px 12px 8px 9px}main .btvcp-radio{top:4px;right:auto;left:40px;margin-top:0}}

/* Campo de digitar cupom fora (06/10/2026): a escolha da promocao ja preenche.
   Fica so o cartao do cupom aplicado e a mensagem de erro. */
main .btvcp-cupom>button:first-child{display:none!important}
main .btvcp-cupom .btvcp-semcampo{display:none!important}
main .btvcp-cupom>.mt-3{margin-top:0!important}

/* A barra mostra a promocao escolhida; o cartao do cupom da plataforma sai
   (06/10/2026). A mensagem de erro do cupom continua. */
main .btvcp-cupom .cpn-prize{display:none!important}
main .btvcp-cupom>.mt-3>p{display:none!important}
main .btvcp-htx{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
main .btvcp-htx .btvcp-res{flex:1}
main .btvcp-hthumb{display:none;flex:none;width:34px;height:34px;border-radius:9px;background-color:#111;background-size:280% auto;background-repeat:no-repeat;box-shadow:0 0 0 1.5px var(--color-primary,#06E05B)}
main .btvcp.tem[data-t="bonus"] .btvcp-hthumb{box-shadow:0 0 0 1.5px #F5C451}
main .btvcp.tem .btvcp-hthumb{display:block}
main .btvcp.tem .btvcp-tit{padding:8px 14px 8px 8px;gap:10px;border-color:rgba(6,224,91,.45);background:linear-gradient(140deg,rgba(6,224,91,.10),rgba(255,255,255,.03) 60%)}
main .btvcp.tem[data-t="bonus"] .btvcp-tit{border-color:rgba(245,196,81,.5);background:linear-gradient(140deg,rgba(245,196,81,.10),rgba(255,255,255,.03) 60%)}
main .btvcp.tem .btvcp-htx{flex-direction:column;align-items:flex-start;gap:1px}
main .btvcp.tem .btvcp-titx{text-transform:none;letter-spacing:0;font-size:14.5px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
main .btvcp.tem .btvcp-res{text-align:left;font-size:11px;flex:none}

/* aviso "voce ja usou o bonus de 100%" na escolha da promocao (07/10/2026) */
main .btvcp-aviso{margin:0 0 8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(245,196,81,.45);background:rgba(245,196,81,.10);color:#FFE3A1;font-size:12.5px;font-weight:700;line-height:1.35}

/* ===== Aviso de cashback creditado (07/10/2026) ===== */
.btvcb-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,16px);width:min(440px,calc(100% - 24px));z-index:9400;display:flex;gap:12px;align-items:flex-start;padding:14px 40px 14px 14px;border-radius:14px;background:#0B0D0F;border:1px solid #C9A227;box-shadow:0 12px 36px rgba(0,0,0,.55);color:#fff;opacity:0;transition:opacity .35s,transform .35s;font-size:14px;line-height:1.35}
.btvcb-toast.btvcb-on{opacity:1;transform:translate(-50%,0)}
@media (min-width:1024px){.btvcb-toast{bottom:24px}}
.btvcb-ico{font-size:26px;line-height:1;flex:0 0 auto;margin-top:2px}
.btvcb-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.btvcb-tx strong{color:#E8C65A;font-size:15px}
.btvcb-tx strong small{color:#B8C0C8;font-weight:400;font-size:12px}
.btvcb-tx span{color:#B8C0C8;font-size:13px}
.btvcb-go{align-self:flex-start;margin-top:6px;padding:8px 14px;border-radius:9px;background:#1FAD66;color:#0f0f10 !important;font-weight:700;text-decoration:none !important;font-size:13px}
.btvcb-x{position:absolute;top:6px;right:8px;background:none;border:0;color:#8b949e;font-size:22px;line-height:1;cursor:pointer;padding:4px}
.btvar a[href="/meus-cashbacks"] .btvcb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#E8C65A;margin-left:6px;vertical-align:middle;box-shadow:0 0 0 2px #0B0D0F}

/* ===== Modal da plataforma dentro de overlay fixed (07/10/2026, bundle zl) =====
   A regra `.btv-mp main > div [class*="max-w-"][x-show]{max-width:none}` (que
   alarga as caixas da tela de deposito) pegava tambem o cartao do modal
   "Quase la!" da plataforma (`.cpn-modal max-w-sm`, x-show="warnOpen"): no
   desktop ele abria com a largura inteira da tela e so voltava ao normal
   quando o QR code trocava de tela. Aqui, qualquer caixa `max-w-*` dentro de
   um overlay `div.fixed` recupera o max-width do Tailwind. Mesma
   especificidade da regra de cima, por isso tem que ficar DEPOIS dela. */
.btv-mp main div.fixed [class*="max-w-xs"],.btv-mp main div.fixed [class*="max-w-xs"][x-show]{max-width:20rem !important}
.btv-mp main div.fixed [class*="max-w-sm"],.btv-mp main div.fixed [class*="max-w-sm"][x-show]{max-width:24rem !important}
.btv-mp main div.fixed [class*="max-w-md"],.btv-mp main div.fixed [class*="max-w-md"][x-show]{max-width:28rem !important}
.btv-mp main div.fixed [class*="max-w-lg"],.btv-mp main div.fixed [class*="max-w-lg"][x-show]{max-width:32rem !important}

/* ===== Tela da conta carregando (07/10/2026, zo) ===== */
.btvg-vazio.btvg-carregando{padding-top:28px}
.btvg-vazio.btvg-carregando p{color:#8b949e;font-size:13px;margin-top:10px}
.btvg-vazio.btvg-carregando .btvg-esq{margin:0 auto;max-width:420px}

/* banner com arte pronta (07/10/2026, zs): sem o escurecimento de texto */
.btvb-slide.btvb-arte::before,.btvb-slide.btvb-arte::after{display:none}

/* ===== Sem "Pagou hoje" nos cards (08/10/2026, pedido do Carlos) =====
   A caixa preta no pe do card (Pagou hoje R$ x) e da plataforma e tapava o
   nome nas capas novas. Some em todo card do site; o JS do bundle tira o no. */
a.bb-gamecard div.absolute.bottom-0.rounded-lg{display:none !important}


/* ===== Campo "Tem um codigo de cupom?" na tela de deposito (08/10/2026) =====
   Fica dentro da lista que abre e fecha, embaixo dos cartoes e da nota.
   Aplicado, o codigo fica verde e o botao vira Tirar. */
main .btvcp-cod{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border,rgba(255,255,255,.08));display:flex;flex-direction:column;gap:6px}
main .btvcp-cod-lb{font-size:12px;font-weight:700;color:var(--color-text-muted,#9AA4AE);letter-spacing:.02em}
main .btvcp-cod-l{display:flex;gap:8px}
main .btvcp-cod input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--color-border,rgba(255,255,255,.12));background:rgba(255,255,255,.04);color:#fff;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;outline:none;box-shadow:none}
main .btvcp-cod input::placeholder{text-transform:none;letter-spacing:0;font-weight:500;color:rgba(255,255,255,.4)}
main .btvcp-cod input:focus{border-color:var(--color-primary,#06E05B)}
main .btvcp-cod button{flex:none;min-width:92px;height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--color-primary,#06E05B);color:#101011;font-weight:800;font-size:14px;cursor:pointer}
main .btvcp-cod button:focus-visible{outline:2px solid #fff;outline-offset:2px}
main .btvcp-cod button:disabled{opacity:.6;cursor:default}
main .btvcp-cod.on input{border-color:rgba(6,224,91,.45);color:var(--color-primary,#06E05B);background:rgba(6,224,91,.08)}
main .btvcp-cod.on button{background:rgba(255,255,255,.08);color:#fff}

/* ===== Pop-up de promocao mais alto (08/10/2026, Carlos) =====
   Mesma largura; cresce pra cima (arte mais alta) e pra baixo (mais ar no
   texto e no botao). Em tela baixa a caixa rola por dentro em vez de cortar. */
.btvpop-caixa{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.btvpop-arte{aspect-ratio:828/600}
.btvpop-cham{bottom:30px;left:22px}
.btvpop-cham strong{font-size:52px}
.btvpop-cham small{font-size:14px}
.btvpop-cham span{font-size:15px}
.btvpop-corpo{gap:14px;padding:14px 22px 28px}
.btvpop-corpo p{font-size:15px}
.btvpop-cta{min-height:56px;font-size:17px}
.btvpop-nao{padding:8px}

/* ===== Pop-up de promocao com degrade verde nas laterais (08/10/2026) =====
   Mesma pegada das capas dos jogos: borda no verde do site, mais forte em
   cima e embaixo, e um brilho verde entrando pelas duas laterais. O botao
   continua dourado. */
.btvpop-caixa{border:2px solid transparent !important;
  background:linear-gradient(#14171A,#14171A) padding-box,linear-gradient(180deg,#06E05B 0%,rgba(6,224,91,.25) 50%,#06E05B 100%) border-box !important;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 36px rgba(6,224,91,.28) !important}
.btvpop-caixa::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(6,224,91,.42) 0%,rgba(6,224,91,.12) 7%,rgba(6,224,91,0) 16%,rgba(6,224,91,0) 84%,rgba(6,224,91,.12) 93%,rgba(6,224,91,.42) 100%)}

/* ===== Pop-up: verde mais suave e sempre no centro (08/10/2026) =====
   Carlos achou o verde forte demais: borda, brilho e degrade das laterais
   descem pra mais ou menos metade. O fundo escuro trava a caixa no meio da
   tela, na horizontal e na vertical, em qualquer tamanho. */
div.btvpop{display:flex !important;align-items:center !important;justify-content:center !important;padding:16px !important}
.btvpop-caixa{margin:auto !important;
  background:linear-gradient(#14171A,#14171A) padding-box,linear-gradient(180deg,rgba(6,224,91,.6) 0%,rgba(6,224,91,.12) 50%,rgba(6,224,91,.6) 100%) border-box !important;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 24px rgba(6,224,91,.14) !important}
.btvpop-caixa::after{background:linear-gradient(90deg,rgba(6,224,91,.2) 0%,rgba(6,224,91,.05) 7%,rgba(6,224,91,0) 15%,rgba(6,224,91,0) 85%,rgba(6,224,91,.05) 93%,rgba(6,224,91,.2) 100%)}

/* ===== Pop-up mais fino no celular (08/10/2026, Carlos) =====
   Mais margem dos lados (30 px em vez de 16): num celular de 375 a caixa
   passa de 343 pra 315 de largura. Titulo, texto e botao descem um pouco
   pra acompanhar. Computador nao muda. */
@media (max-width:520px){
  div.btvpop{padding:16px 30px !important}
  .btvpop-cham strong{font-size:46px}
  .btvpop-corpo{padding:12px 18px 24px}
  .btvpop-corpo p{font-size:14px}
  .btvpop-cta{min-height:52px;font-size:16px}
}

/* loop dos banners: sem loop (cabem todos), as copias somem */
.btvb-noloop .btvb-clone{display:none}

/* ===== Meu perfil premium (09/10/2026): o cartao do jogador veste a COR DO NIVEL =====
   A cor vem do CRM (levelColor) e ja mora em --btv-nivel (corDoNivel). Bronze fica
   bronze, Ouro fica dourado, Diamante fica azul, sem lista de cores aqui. */
.btvu{background:#0e0e0f !important}
.btvu-top h2{font-size:18px}
.btvu-back{border-radius:12px;background:#151516;border:1px solid rgba(255,255,255,.08)}
.btvu-user,.btva-user,.btva-side{position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--btv-nivel,#1FAD66) 26%,transparent) 0%,transparent 58%),
    radial-gradient(90% 80% at 0% 100%,rgba(31,173,102,.16) 0%,transparent 62%),
    linear-gradient(160deg,#1c1c1d 0%,#131314 100%) !important;
  border:1px solid color-mix(in srgb,var(--btv-nivel,#1FAD66) 34%,transparent) !important;border-radius:22px !important;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05) !important}
.btvu-user::before,.btva-user::before,.btva-side::before{content:"";position:absolute;right:-14px;top:-18px;width:118px;height:118px;
  background:var(--btv-nivel,#1FAD66);opacity:.13;transform:rotate(14deg);pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.btvu-user>*,.btva-user>*,.btva-side>*{position:relative}
.btvu-av,.btva-av,.btva-side .av{border:0 !important;background:radial-gradient(circle at 35% 30%,#272728,#101011) !important;
  box-shadow:0 0 0 2px var(--btv-nivel,#1FAD66),0 0 22px color-mix(in srgb,var(--btv-nivel,#1FAD66) 50%,transparent) !important}
.btvu-nivel,.btva-user .btva-nivel{border-top-color:rgba(255,255,255,.08)}
.btvu-nv-topo b,.btva-nv-topo b{font-size:17px !important}
.btvu-nv-topo em,.btva-nv-topo em{font-size:13px !important;color:#f4f7f5 !important}
.btvu-nv-linha,.btva-nv-linha{font-size:13px !important;color:#93a39b !important}
.btvu-nv-pe,.btva-nv-txt{font-size:12.5px !important;color:#93a39b !important}
.btvu-nv-barra,.btva-nv-barra{height:10px !important;background:rgba(255,255,255,.07) !important}
.btvu-nv-barra i,.btva-nv-barra i{box-shadow:0 0 14px color-mix(in srgb,var(--btv-nivel,#1FAD66) 60%,transparent)}
/* "Conheca o Clube Betivo" deixa de ser link sublinhado e vira cartao */
.btvu-user .btv-niv-link,.btva-user .btv-niv-link,.btva-side .btv-niv-link{display:flex !important;align-items:center;gap:10px;width:100%;margin-top:14px;
  padding:12px 40px 12px 14px;border-radius:16px;text-decoration:none !important;font-size:15px !important;color:#fff !important;position:relative;
  background:linear-gradient(100deg,color-mix(in srgb,var(--btv-nivel,#1FAD66) 18%,transparent),color-mix(in srgb,var(--btv-nivel,#1FAD66) 4%,transparent));
  border:1px solid color-mix(in srgb,var(--btv-nivel,#1FAD66) 40%,transparent)}
.btvu-user .btv-niv-link::before,.btva-user .btv-niv-link::before,.btva-side .btv-niv-link::before{content:"";width:26px;height:26px;flex:none;background:var(--btv-nivel,#1FAD66);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.btvu-user .btv-niv-link::after,.btva-user .btv-niv-link::after,.btva-side .btv-niv-link::after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--btv-nivel,#1FAD66);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* saldo: fundo liso, disponivel e bonus sempre a mostra, lado a lado */
.btvu-bal{background:#151516 !important;border:1px solid rgba(255,255,255,.08);border-radius:22px !important;padding:16px 18px 18px !important}
.btvu-balh{cursor:default}
.btvu-balh svg{display:none}
.btvu-val{font-size:36px !important;margin:4px 0 12px !important;font-variant-numeric:tabular-nums}
.btvu-rows{display:grid !important;grid-template-columns:1fr 1fr;gap:8px;border:0 !important;padding:0 !important;margin:0 0 14px !important}
.btvu-rows div,.btvu-rows div.t{order:2;display:flex !important;flex-direction:column;align-items:flex-start;gap:2px;margin:0 !important;padding:10px 12px !important;
  background:#1a1a1b;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px;font-size:12.5px !important;color:#93a39b !important}
.btvu-rows div.t{order:1}
.btvu-rows b{font-size:16px;font-variant-numeric:tabular-nums}
.btvu-rows div.t b{color:#3ddc8a}
.btvu-btns{gap:10px !important}
.btvu-btns a{height:52px !important;border-radius:14px !important;font-size:16px !important}
.btvu-dep{background:linear-gradient(180deg,#27c476,#16934f) !important;box-shadow:0 10px 24px -10px rgba(31,173,102,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.btvu-sac{border-color:rgba(255,255,255,.16) !important}
/* atalhos: 4 por linha, 8 na frente */
.btvu-grid{grid-template-columns:repeat(4,1fr) !important;gap:10px !important;margin-bottom:10px !important}
.btvu-grid a,.btvu-grid button.btvu-gam{aspect-ratio:1/1.02;justify-content:center;border-radius:18px !important;background:#151516 !important;
  border:1px solid rgba(255,255,255,.08) !important;color:#e8efe9 !important;font-size:12.5px !important;font-weight:600 !important;text-align:center;padding:6px !important;position:relative}
.btvu-grid a:hover,.btvu-grid button.btvu-gam:hover{border-color:rgba(61,220,138,.35) !important}
.btvu-grid svg,.btvu-grid button.btvu-gam svg{width:26px !important;height:26px !important}
.btvu-grid .btvu-extra{display:none !important}
.btvu.btvu-tudo .btvu-grid .btvu-extra{display:flex !important}
.btvu-sino{background:#1FAD66 !important;color:#fff !important;box-shadow:0 0 0 3px #151516 !important;top:7px !important;right:7px !important;min-width:20px !important;height:20px !important;font-size:12px !important}
.btvu-mais{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:0 0 20px;border-radius:16px;
  background:#151516;border:1px solid rgba(255,255,255,.08);color:#fff;font:inherit;font-size:15px;cursor:pointer}
.btvu-mais b{font-weight:700}
.btvu-mais span{color:#93a39b;font-size:13px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* o botao do chat nao cobre o fim do painel */
.btvu{padding-bottom:110px !important}

/* ===== Telas da gamificacao na mesma pegada do Meu perfil (10/10/2026) ===== */
.btvg{background:#0e0e0f !important}
.btvg-back{background:#151516 !important;color:#fff !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:14px !important}
.btvg-nivel.tem{position:relative;overflow:hidden;border-radius:22px;padding:18px 18px 16px !important;margin-bottom:12px;
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--btv-nivel,#1FAD66) 26%,transparent) 0%,transparent 58%),
    radial-gradient(90% 80% at 0% 100%,rgba(31,173,102,.16) 0%,transparent 62%),
    linear-gradient(160deg,#1c1c1d 0%,#131314 100%) !important;
  border:1px solid color-mix(in srgb,var(--btv-nivel,#1FAD66) 34%,transparent);box-shadow:0 18px 40px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.btvg-nivel.tem::before{content:"";position:absolute;right:-14px;top:-18px;width:118px;height:118px;background:var(--btv-nivel,#1FAD66);opacity:.13;transform:rotate(14deg);pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.btvg-nivel.tem>*{position:relative}
.btvg-nv-av{border:0 !important;background:radial-gradient(circle at 35% 30%,#272728,#101011) !important;
  box-shadow:0 0 0 2px var(--btv-nivel,#1FAD66),0 0 22px color-mix(in srgb,var(--btv-nivel,#1FAD66) 50%,transparent) !important}
.btvg-nivel .btv-niv-link{display:flex !important;align-items:center;gap:10px;width:100%;margin-top:14px;padding:12px 40px 12px 14px;border-radius:16px;
  text-decoration:none !important;font-size:15px !important;color:#fff !important;position:relative;justify-content:flex-start;
  background:linear-gradient(100deg,color-mix(in srgb,var(--btv-nivel,#1FAD66) 18%,transparent),color-mix(in srgb,var(--btv-nivel,#1FAD66) 4%,transparent));border:1px solid color-mix(in srgb,var(--btv-nivel,#1FAD66) 40%,transparent)}
.btvg-nivel .btv-niv-link::before{content:"";width:26px;height:26px;flex:none;background:var(--btv-nivel,#1FAD66);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.btvg-nivel .btv-niv-link::after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--btv-nivel,#1FAD66);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}

/* ===== Torneio AO VIVO: ponto vermelho + "AO VIVO" (so com html.btv-tv-on) ===== */
@keyframes btvTvPulso{0%{box-shadow:0 0 0 0 rgba(255,90,95,.7)}70%{box-shadow:0 0 0 7px rgba(255,90,95,0)}100%{box-shadow:0 0 0 0 rgba(255,90,95,0)}}
html.btv-tv-on .btvu-grid button.btvu-gam[data-aba="tournaments"]::before{content:"";position:absolute;top:11px;right:11px;width:10px;height:10px;border-radius:50%;background:#ff5a5f;animation:btvTvPulso 1.8s infinite}
html.btv-tv-on .btvu-grid button.btvu-gam[data-aba="tournaments"]::after{content:"AO VIVO";font-size:10.5px;font-weight:800;letter-spacing:.6px;color:#ff8a8e;margin-top:-4px}
html.btv-tv-on aside a[href$="#torneios"]::after,
html.btv-tv-on .btvg-mi[data-secao="tournaments"]::after,
html.btv-tv-on .btva-ir[data-secao="tournaments"]::after{content:"AO VIVO";margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 7px 0 6px;border-radius:999px;
  font-size:9.5px;font-weight:800;letter-spacing:.5px;color:#fff;background:rgba(255,90,95,.18);border:1px solid rgba(255,90,95,.45)}
html.btv-tv-on aside a[href$="#torneios"]{display:flex;align-items:center}
html.btv-tv-on aside a[href$="#torneios"] > span.flex-1{flex:0 1 auto}
@media (prefers-reduced-motion:reduce){html.btv-tv-on .btvu-grid button.btvu-gam[data-aba="tournaments"]::before{animation:none}}

/* ===== Menu lateral na pegada do Meu perfil (10/10/2026). A logo nao muda. ===== */
html aside.fixed.inset-y-0.left-0.w-64,html aside.fixed{background:#0e0e0f !important}
html aside.fixed nav{padding-left:10px !important;padding-right:10px !important}
/* Cassino | Esportes */
html aside nav .px-1.pb-3 > div{background:#131314 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px !important;padding:4px !important;gap:4px}
html aside nav .px-1.pb-3 a{border-radius:11px !important;color:#9aa5a0 !important;border:1.5px solid transparent !important;min-height:44px}
html aside nav .px-1.pb-3 a svg{color:#9aa5a0 !important}
html aside nav .px-1.pb-3 a.btv-on{background:rgba(31,173,102,.14) !important;color:#fff !important;border-color:#1FAD66 !important;box-shadow:0 0 18px -6px rgba(31,173,102,.7) !important}
html aside nav .px-1.pb-3 a.btv-on svg{color:#2ee07f !important}
/* itens */
html aside nav a.group{min-height:44px;border-radius:12px !important;font-size:14.5px !important;color:#e9eeeb !important;padding-right:10px !important}
html aside nav a.group .bb-emoji.btvi,html aside nav a.group .bb-emoji.btvi svg{color:#e9eeeb !important}
html aside nav a.group:hover{background:rgba(255,255,255,.04) !important}
html:not(.btv-collapsed) aside nav a.group::after{content:"";flex:none;width:15px;height:15px;margin-left:8px;background:#7d8883;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* item da pagina atual: verde com barrinha, no lugar da pilula branca */
html aside nav a.bb-nav-active{background:linear-gradient(90deg,rgba(31,173,102,.22),rgba(31,173,102,.06)) !important;color:#fff !important;
  border:1px solid rgba(31,173,102,.25) !important;border-radius:12px !important;position:relative}
html aside nav a.bb-nav-active .bb-emoji,html aside nav a.bb-nav-active svg,html aside nav a.bb-nav-active .bb-emoji.btvi svg{color:#2ee07f !important}
html:not(.btv-collapsed) aside nav a.bb-nav-active::before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:4px;border-radius:4px;background:#1FAD66;box-shadow:0 0 12px rgba(31,173,102,.8)}
html aside nav a.bb-nav-active::after{background:#cfe9db !important}
/* selos */
html aside nav .bb-badge--live{background:#c81e1e !important;color:#fff !important;border-radius:6px !important;font-size:10px !important;font-weight:800 !important;padding:3px 7px !important;border:0 !important}
html aside nav a[href$="/suporte"] .bb-badge,html aside nav a[href$="#suporte"] .bb-badge{background:rgba(31,173,102,.12) !important;color:#3ddc8a !important;border:1px solid rgba(31,173,102,.5) !important;border-radius:7px !important;font-size:11px !important;padding:3px 7px !important}
/* titulos das secoes */
html aside nav > div > button.justify-between span{font-size:12px !important;letter-spacing:.16em !important;color:#a9b3ae !important}
html aside nav > div + div{border-color:rgba(255,255,255,.06) !important}
/* ---- banner do Clube Betivo ---- */
aside .btvcm{min-height:104px !important;border-radius:16px !important;margin:12px 0 6px !important;
  background:linear-gradient(110deg,#1b150a 0%,#0e0d0b 52%,#141415 100%) !important;border:1px solid rgba(226,176,74,.55) !important;
  box-shadow:0 14px 30px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,227,154,.12) !important}
aside .btvcm:hover{border-color:rgba(255,227,154,.85) !important}
.btvcm-vitrine.btvcm-coroa{width:52% !important;background:url("https://apps-betivo-assets.jyo3rb.easypanel.host/banners/clube/coroa-menu-v1.webp") right center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%) !important;mask-image:linear-gradient(90deg,transparent 0%,#000 38%) !important}
.btvcm-t{max-width:62% !important;padding:14px 14px !important;gap:5px !important}
aside .btvcm .btvcm-selo{display:inline-flex;align-items:center;gap:4px;font-size:10px !important;letter-spacing:.06em !important;padding:3px 8px 3px 7px !important;border-radius:7px !important;
  background:linear-gradient(180deg,#f6d27a,#d9a640) !important;color:#1a1204 !important}
aside .btvcm .btvcm-selo::before{content:"";width:12px;height:12px;background:#1a1204;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
aside .btvcm .btvcm-t .btvcm-nome{font-size:17px !important;letter-spacing:.02em !important}
aside .btvcm .btvcm-nome span{color:#f2c45a}
aside .btvcm .btvcm-sub{font-size:11.5px !important;color:rgba(255,255,255,.78) !important;line-height:1.25 !important}
.btvcm-seta{position:absolute;right:10px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;z-index:2;
  background:rgba(10,10,8,.72);border:1px solid rgba(226,176,74,.5)}
.btvcm-seta::after{content:"";position:absolute;inset:8px;background:#f2c45a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
html.btv-collapsed aside .btvcm .btvcm-seta{display:none}

/* Torneio AO VIVO no menu lateral: a pilula vence a seta generica dos itens */
html.btv-tv-on:not(.btv-collapsed) aside nav a.group[href$="#torneios"]::after{content:"AO VIVO";width:auto;height:18px;margin-left:auto;padding:0 7px;display:inline-flex;align-items:center;
  -webkit-mask:none;mask:none;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.5px;color:#fff;background:rgba(255,90,95,.18);border:1px solid rgba(255,90,95,.45)}
html:not(.btv-tv-on) aside nav a.group[href$="#torneios"] > span.flex-1{flex:1 1 auto !important}

/* ===== Paginas da conta e telas da gamificacao IGUAIS (10/10/2026) =====
   Painel lateral neutro e no lugar de sempre (sticky); so o CARTAO de cima veste a cor do nivel. */
.btva-side{position:sticky !important;overflow:visible !important;background:#151516 !important;border:1px solid rgba(255,255,255,.08) !important;
  border-radius:20px !important;box-shadow:none !important;padding-top:12px !important}
.btva-side::before{display:none !important}
.btva-card{position:relative;overflow:hidden;margin:0 12px 12px;padding:20px 12px 14px;border-radius:18px;text-align:center;
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--btv-nivel,#1FAD66) 26%,transparent) 0%,transparent 58%),
    radial-gradient(90% 80% at 0% 100%,rgba(31,173,102,.16) 0%,transparent 62%),linear-gradient(160deg,#1c1c1d 0%,#131314 100%);
  border:1px solid color-mix(in srgb,var(--btv-nivel,#1FAD66) 34%,transparent)}
.btva-card::before{content:"";position:absolute;right:-14px;top:-18px;width:104px;height:104px;background:var(--btv-nivel,#1FAD66);opacity:.13;transform:rotate(14deg);pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 7.5 7 11l5-7 5 7 4.5-3.5L19.5 18h-15z'/%3E%3Crect x='4.5' y='19' width='15' height='2' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.btva-card>*{position:relative}
.btva-side .btva-card .btva-nivel{padding:0 4px !important;margin:0 !important}
.btva-side .btva-card .btv-niv-link{margin-top:12px}
@media(min-width:1024px){
  .btvg-lado{background:#151516 !important;border:1px solid rgba(255,255,255,.08);border-radius:20px !important;padding-top:12px}
  .btvg-lado .btvg-nivel.tem{margin:0 12px 12px !important;border-radius:18px !important;padding:20px 12px 14px !important}
}
/* item atual igual nos dois menus */
@media(min-width:1024px){.btva-side a.on,.btvg-mi.on{background:linear-gradient(90deg,rgba(31,173,102,.18),rgba(31,173,102,.03)) !important;color:#3ddc8a !important;border-left:3px solid #1FAD66 !important}}

.btva-card .btv-niv-link,.btvg-lado .btvg-nivel .btv-niv-link{font-size:13.5px !important;padding:11px 34px 11px 12px !important;white-space:nowrap}
.btva-card .btv-niv-link::before,.btvg-lado .btvg-nivel .btv-niv-link::before{width:22px !important;height:22px !important}

/* ===== Fileira de atalhos do CELULAR (conta e gamificacao) alinhada (10/10/2026) =====
   Os botoes da gamificacao (.btva-ir) centralizavam o conteudo na altura da
   fileira; quando o Torneio ganha o "AO VIVO" a fileira cresce e eles desciam. */
.btva-tabs,.btvg-menu{align-items:flex-start !important}
.btva-tabs .btva-ir{display:flex !important;flex-direction:column;align-items:stretch;justify-content:flex-start}
@media(max-width:1023px){
  html.btv-tv-on .btva-tabs .btva-ir[data-secao="tournaments"]::after,
  html.btv-tv-on .btvg-menu .btvg-mi[data-secao="tournaments"]::after{content:"AO VIVO";margin:3px auto 0 !important;height:auto !important;padding:0 !important;
    background:none !important;border:0 !important;font-size:10px !important;font-weight:800;letter-spacing:.6px;color:#ff8a8e !important}
  .btvg-menu .btvg-mi.on,.btva-tabs a.on{background:none !important;border-left:0 !important}
}

/* ===== Barra de baixo flutuante (10/10/2026, prevista e aprovada pelo Carlos) =====
   O fundo da barra mora num ::before com recorte em volta do Depositar; os itens
   e o botao do meio ficam por cima, sem recorte. A pagina atual tem icone verde,
   texto branco e tracinho verde (::before, porque o ::after ja e o pontinho
   vermelho de aviso). */
nav.bb-mobile-bar.btvn{background:transparent !important;border-top:0 !important;padding:0 10px calc(env(safe-area-inset-bottom) + 8px) !important;pointer-events:none}
nav.bb-mobile-bar.btvn > .grid{position:relative;isolation:isolate;height:66px !important;pointer-events:auto}
nav.bb-mobile-bar.btvn > .grid::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:22px;
  background:linear-gradient(180deg,rgba(28,28,29,.97),rgba(15,15,16,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-mask:radial-gradient(circle 39px at 50% -6px,transparent 97%,#000 100%);mask:radial-gradient(circle 39px at 50% -6px,transparent 97%,#000 100%)}
nav.bb-mobile-bar.btvn > .grid::after{content:"";position:absolute;inset:-6px -2px -4px;z-index:-2;border-radius:26px;box-shadow:0 -6px 26px rgba(0,0,0,.55);pointer-events:none}
nav.bb-mobile-bar.btvn .btvn-i{font-size:11px !important;color:#8d9792 !important;position:relative;padding-bottom:10px !important}
nav.bb-mobile-bar.btvn .btvn-i.on{color:#fff !important}
nav.bb-mobile-bar.btvn .btvn-i.on svg{color:#2ee07f}
nav.bb-mobile-bar.btvn .btvn-i.on::before{content:"";position:absolute;bottom:3px;left:50%;width:24px;height:3px;margin-left:-12px;border-radius:3px;background:#1FAD66;box-shadow:0 0 10px rgba(31,173,102,.8)}
nav.bb-mobile-bar.btvn .btvn-orb{font-size:11.5px !important;color:#fff !important;padding-bottom:9px !important;gap:4px !important}
nav.bb-mobile-bar.btvn .btvn-orb span{width:60px !important;height:60px !important;margin-top:-32px !important;
  background:radial-gradient(circle at 35% 30%,#2fd583,#14a05a 60%,#0d7a43) !important;
  box-shadow:0 0 0 5px #0b0d0e,0 0 0 6px rgba(31,173,102,.35),0 8px 22px rgba(31,173,102,.45),inset 0 2px 0 rgba(255,255,255,.25) !important}
nav.bb-mobile-bar.btvn .btvn-orb span svg{width:27px !important;height:27px !important}
nav.bb-mobile-bar.btvn .btvn-i.btvar-tem::after{box-shadow:0 0 0 2px #181819 !important}

/* ===== Topo na pegada nova (10/10/2026). A logo nao muda. ===== */
html header.sticky.top-0.z-20{background:#0e0e0f !important;border-bottom:0 !important;backdrop-filter:none !important}
html header.sticky.top-0.z-20 > div{margin:6px 8px 0;border-radius:16px;background:linear-gradient(180deg,rgba(24,24,25,.97),rgba(15,15,16,.99));
  border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px -18px rgba(0,0,0,.9)}
@media(min-width:1024px){html header.sticky.top-0.z-20 > div{margin:8px 12px 0;border-radius:18px}}
header .btvh-round,header a.btvh-bell,header .btvh-lang{border-radius:999px !important;background:#151516 !important;border:1px solid rgba(255,255,255,.09) !important}
header .btvh-round,header a.btvh-bell{width:44px !important;height:44px !important}
@media(max-width:1023px){header a.btvh-bell{width:40px !important;height:40px !important}}
header .btvh-lang{height:44px !important}
/* saldo: pilula com contorno verde leve */
header > div > div.h-10.rounded-lg{overflow:visible !important;position:relative;border-radius:999px !important;background:#151516 !important;border:1px solid rgba(61,220,138,.22) !important;height:44px !important}
header > div > div.h-10.rounded-lg > button{border-radius:999px !important;background:transparent !important;gap:8px !important}
header > div > div.h-10.rounded-lg > button > div > div:first-child{display:none !important}
header > div > div.h-10.rounded-lg > button > div > div:last-child{font-size:16px !important;font-weight:700 !important}
header > div > div.h-10.rounded-lg > a{border-radius:999px !important;color:#fff !important;background:radial-gradient(circle at 35% 30%,#2fd583,#14a05a 60%,#0d7a43) !important;box-shadow:0 0 12px rgba(31,173,102,.5)}
@media(max-width:1023px){
  header > div > div.h-10.rounded-lg{height:40px !important;padding-right:4px}
  header > div > div.h-10.rounded-lg > a{width:32px;height:32px !important;padding:0 !important;justify-content:center;margin:auto 0}
  header > div > div.h-10.rounded-lg > a span{display:none !important}
}
@media(min-width:1024px){
  /* no computador o saldo e o Depositar viram duas pecas */
  header > div > div.h-10.rounded-lg{background:transparent !important;border:0 !important;gap:12px}
  header > div > div.h-10.rounded-lg > button{height:46px !important;padding:0 16px !important;background:#151516 !important;border:1px solid rgba(61,220,138,.22) !important}
  header > div > div.h-10.rounded-lg > button::before{content:"";width:22px;height:22px;background:#cfd8d3;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M21 9h-6a3 3 0 0 0 0 6h6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M21 9h-6a3 3 0 0 0 0 6h6z'/%3E%3C/svg%3E") center/contain no-repeat}
  header > div > div.h-10.rounded-lg > button::after{content:"";width:16px;height:16px;background:#93a39b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
  header > div > div.h-10.rounded-lg > a{height:46px !important;padding:0 26px !important;font-size:16px !important;font-weight:700 !important;
    background:linear-gradient(180deg,#27c476,#16934f) !important;box-shadow:0 0 20px -4px rgba(31,173,102,.65),inset 0 1px 0 rgba(255,255,255,.25) !important}
  header > div > div.h-10.rounded-lg > a svg{display:none}
  header > div > a[href$="/sacar"]{display:none !important}
  header > div > div.relative{display:flex;align-items:center;gap:6px}
  header > div > div.relative::after{content:"";width:16px;height:16px;background:#93a39b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer}
}
/* quadrinho do saldo */
.btvh-cx{display:none;position:absolute;top:calc(100% + 10px);right:0;width:290px;z-index:60;padding:12px;border-radius:16px;background:#151516;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px -16px rgba(0,0,0,.95);gap:8px}
@media(min-width:1024px){.btvh-cx{right:auto;left:0}}
html.btvh-cx-on .btvh-cx{display:grid}
.btvh-cx > div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#1a1a1b;font-size:14px;color:#93a39b}
.btvh-cx b{font-size:15.5px;color:#fff;font-variant-numeric:tabular-nums}
.btvh-cx > div.v b{color:#3ddc8a}
.btvh-cx p{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.btvh-cx-sac,.btvh-cx-olho{height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.16)}
.btvh-cx-sac{background:rgba(31,173,102,.14);border-color:rgba(31,173,102,.5)}
/* avatar com a inicial e o anel na cor do nivel */
header button.btvh-av{width:44px !important;height:44px !important;border-radius:50% !important;overflow:visible !important;background:radial-gradient(circle at 35% 30%,#272728,#101011) !important;
  box-shadow:0 0 0 2px var(--btv-nivel,#1FAD66),0 0 16px color-mix(in srgb,var(--btv-nivel,#1FAD66) 45%,transparent) !important}
@media(max-width:1023px){header button.btvh-av{width:38px !important;height:38px !important}}
.btvh-ini{font-size:18px;font-weight:700;color:#fff;line-height:1}
/* visitante */
header > div > a[href$="/entrar"]{border-radius:999px !important;background:#151516 !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;text-transform:none !important;font-weight:700 !important}
header > div > a[href$="/cadastrar"]{border-radius:999px !important;color:#fff !important;text-transform:none !important;font-weight:700 !important;
  background:linear-gradient(180deg,#27c476,#16934f) !important;box-shadow:0 0 20px -4px rgba(31,173,102,.65) !important;border:0 !important}
/* Depositar com texto no computador: vence a regra antiga que fazia dele um circulo de 32 px */
@media(min-width:1024px){
  header > div > div.h-10.rounded-lg{padding:0 !important}
  header > div > div.h-10.rounded-lg > a[href$="/depositar"]{width:auto !important;height:46px !important;padding:0 26px !important;flex:none}
  header > div > div.h-10.rounded-lg > a[href$="/depositar"] > span{display:inline !important}
}
/* sino, busca e idioma no mesmo fundo dos botoes novos (vence regras antigas do #32383E) */
html header.sticky.top-0.z-20 > div > a.btvh-bell,html header.sticky.top-0.z-20 > div > .btvh-round,html header.sticky.top-0.z-20 > div > .btvh-lang{background:#151516 !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important}

/* ===== Rodape na pegada nova (10/10/2026, previa aprovada pelo Carlos) ===== */
:root{--btvf-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");--btvf-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='4.5'/%3E%3Cpath d='M3 21c0-4.4 4-7.5 9-7.5s9 3.1 9 7.5z'/%3E%3C/svg%3E")}
html footer .btvf{background:linear-gradient(180deg,#121213,#0e0e0f) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:20px !important;color:#9aa5a0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
@media(min-width:768px){html footer .btvf{padding:36px 40px 30px !important}}
html footer .btvf a:hover{color:#fff}

/* topo: logo e Seja afiliado */
html footer .btvf-logo img{width:150px}
@media(min-width:768px){html footer .btvf-logo img{width:200px}}
html footer .btvaf-abrir{display:inline-flex !important;align-items:center;gap:12px;height:52px;padding:0 18px 0 20px !important;border-radius:14px !important;background:linear-gradient(180deg,rgba(31,173,102,.28),rgba(31,173,102,.14)) !important;border:1px solid rgba(46,224,127,.55) !important;color:#fff !important;font-weight:700 !important;font-size:16px !important;box-shadow:0 0 0 0 rgba(31,173,102,0),0 8px 24px -12px rgba(31,173,102,.6)}
html footer .btvaf-abrir::before{content:"";width:20px;height:20px;background:#fff;-webkit-mask:var(--btvf-user) center/contain no-repeat;mask:var(--btvf-user) center/contain no-repeat}
html footer .btvaf-abrir::after{content:"";width:16px;height:16px;background:#2ee07f;-webkit-mask:var(--btvf-seta) center/contain no-repeat;mask:var(--btvf-seta) center/contain no-repeat}
html footer .btvaf-abrir:hover{border-color:#2ee07f !important}

/* titulo com tracinho verde */
html footer .btvf h4{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
html footer .btvf h4::before{content:"";width:4px;height:18px;border-radius:3px;background:#1FAD66;box-shadow:0 0 10px rgba(31,173,102,.7)}

/* links em duas colunas com divisoria e seta */
html footer .btvf-links{column-gap:0 !important}
html footer .btvf-links li[style]{grid-column:auto !important}
html footer .btvf-links li a{display:flex !important;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 !important;font-size:16px;color:#d6ddd9}
html footer .btvf-links li a::after{content:"";flex:none;width:15px;height:15px;background:currentColor;opacity:.7;-webkit-mask:var(--btvf-seta) center/contain no-repeat;mask:var(--btvf-seta) center/contain no-repeat;transition:transform .15s,opacity .15s}
html footer .btvf-links li a:hover::after{transform:translateX(3px);opacity:1;background:#2ee07f}
@media(min-width:1024px){
  html footer .btvf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:36px !important;margin-top:8px !important}
  html footer .btvf-grid > nav{padding-right:32px;border-right:1px solid rgba(255,255,255,.08);align-self:start}
  html footer .btvf-links li a{font-size:16.5px;padding:12px 0 !important}
  html footer .btvf-links{column-gap:56px !important}
  html footer .btvf-side .btvf-social{justify-content:flex-end}
  html footer .btvf-grid{margin-top:22px !important}
}

/* redes sociais redondas */
html footer .btvf-social{gap:10px !important}
html footer .btvf-social a,html footer .btvf-social span{width:44px !important;height:44px !important;background:#151516 !important;border:1px solid rgba(255,255,255,.1);color:#e9efec !important;opacity:1 !important}
@media(min-width:768px){html footer .btvf-social a,html footer .btvf-social span{width:50px !important;height:50px !important}}
html footer .btvf-social a:hover{border-color:#2ee07f}
html footer .btvf-social svg{width:20px !important;height:20px !important}

/* apps e patrocinio */
html footer .btvf-side{width:100%}
html footer .btvf-apps{gap:12px !important;width:100%}
html footer .btvf-app{position:relative;min-height:84px !important;padding:16px 46px 16px 20px !important;border-radius:16px !important;background:linear-gradient(180deg,#181819,#121213) !important;border:1px solid rgba(255,255,255,.08);gap:16px !important;cursor:pointer;transition:border-color .15s}
@media(min-width:768px){html footer .btvf-app{min-height:96px !important}}
html footer .btvf-app:hover{border-color:rgba(46,224,127,.5)}
html footer .btvf-app::after{content:"";position:absolute;right:18px;top:50%;width:18px;height:18px;margin-top:-9px;background:#2ee07f;-webkit-mask:var(--btvf-seta) center/contain no-repeat;mask:var(--btvf-seta) center/contain no-repeat}
html footer .btvf-app b{letter-spacing:.02em}
html footer .btvf-app small{color:#9aa5a0}
html footer .btvf-spon{display:grid !important;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;text-align:left !important;padding:18px 22px !important;border-radius:16px !important;background:radial-gradient(120% 140% at 0% 0%,rgba(31,173,102,.22),rgba(31,173,102,0) 60%),linear-gradient(180deg,#171718,#111112) !important;border:1px solid rgba(46,224,127,.4)}
html footer .btvf-spon img{grid-row:1/3;grid-column:1;margin:0 !important;height:96px !important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}
@media(min-width:768px){html footer .btvf-spon img{height:120px !important}}
html footer .btvf-spon b{display:flex !important;align-items:center;gap:10px;font-size:14px !important;letter-spacing:.1em !important}
html footer .btvf-spon b::before{content:"";width:4px;height:16px;border-radius:3px;background:#1FAD66}
html footer .btvf-spon small{margin-top:8px !important;font-size:15px !important;color:#d6ddd9 !important}
html footer .btvf-spon small span{display:block;margin-top:4px;font-size:22px;font-weight:700;color:#fff}

/* selos em caixinhas */
html footer .btvf-badges{gap:12px !important;margin-top:30px !important;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}
html footer .btvf-badge{height:64px !important;min-width:110px;padding:0 20px !important;border-radius:14px !important;background:#151516 !important;border:1px solid rgba(255,255,255,.08)}
@media(min-width:768px){html footer .btvf-badge{height:78px !important;min-width:160px}html footer .btvf-badge img{height:30px !important}html footer .btvf-badge.pix img{height:26px !important}}
@media(max-width:767px){html footer .btvf-badges{display:grid !important;grid-template-columns:repeat(3,1fr)}html footer .btvf-badge{min-width:0;padding:0 10px !important}html footer .btvf-badge img{height:20px !important;max-width:100%}}

/* texto legal */
html footer .btvf-legal{margin-top:28px !important;color:#9aa5a0;line-height:1.6}
@media(min-width:768px){html footer .btvf-legal{font-size:14px !important}}
html footer .btvf-spon b{grid-column:2;align-self:end}html footer .btvf-spon small{grid-column:2;align-self:start}
html footer .btvf-links{column-gap:36px;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)) center top/1px 100% no-repeat}
body:not(:has(form[action*="/sair"])) footer .btvf-links li:has(> a[href$="/suporte"]){display:none}
html footer .btvf-app b,html footer .btvf-app small{white-space:nowrap}
html footer .btvf-app:focus-visible{outline:2px solid #2ee07f;outline-offset:2px}
@media(max-width:767px){html footer .btvf-links{grid-template-columns:1fr !important;background:none !important}html footer .btvf-links li{border-bottom:1px solid rgba(255,255,255,.06)}html footer .btvf-links li:last-child{border-bottom:0}html footer .btvf-links li a{padding:13px 2px !important}html footer .btvf-app{min-height:72px !important}html footer .btvf-spon img{height:84px !important}html footer .btvaf-abrir{height:44px;font-size:14px !important;padding:0 14px !important;gap:8px}}
/* passo a passo "Instalar Betivo" da plataforma fica preso num contexto z-index 1; a barra de baixo (z-30) cobria o fim dele. Some enquanto ele esta aberto. */
body:has([\@bb-install-guide\.window]:not([style*="none"])) nav.bb-mobile-bar{display:none !important}

/* ===== Jogos recentes e Provedores (10/10/2026, previa aprovada pelo Carlos) ===== */
.btvrc{margin-top:24px}
.btvrc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.btvrc-head a{display:flex;color:rgba(255,255,255,.7)}
.btvrc-head a svg{width:18px;height:18px}
.btvrc-trk{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px}
.btvrc-trk::-webkit-scrollbar{display:none}
.btvrc-c{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#181819,#121213);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.btvrc-c:hover,.btvrc-c.on{border-color:rgba(46,224,127,.6);box-shadow:0 0 0 1px rgba(46,224,127,.15),0 8px 26px -14px rgba(31,173,102,.8)}
.btvrc-c img{flex:none;width:64px;height:64px;border-radius:12px;object-fit:cover;object-position:50% 22%;background:#202021}
.btvrc-c b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btvrc-c small{display:block;margin-top:3px;font-size:13px;color:#9aa5a0}
.btvrc-c i{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-style:normal;font-size:13px;font-weight:700;color:#2ee07f}
.btvrc-c i svg{width:14px;height:14px}
.btvrc-txt{min-width:0}
@media(min-width:1024px){.btvrc{margin-top:32px}.btvrc-c{padding:14px 16px}.btvrc-c img{width:72px;height:72px}}
@media(min-width:1280px){.btvrc-trk{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.btvrc-c{gap:12px;padding:12px}.btvrc-c img{width:64px;height:64px}}

/* Provedores na pegada nova */
section.btvp [x-ref=ptrack]{position:relative;padding:14px 12px 14px !important;margin:0 !important;border-radius:22px;background:linear-gradient(180deg,#121213,#0e0e0f);border:1px solid rgba(255,255,255,.07);gap:12px !important;-webkit-mask:none !important;mask:none !important;scroll-padding:0 12px}
@media(min-width:1024px){section.btvp [x-ref=ptrack]{padding:14px 70px !important;scroll-padding:0 70px}}
section.btvp [x-ref=ptrack] > a{width:128px !important;height:112px;padding:12px !important;gap:10px !important;border-radius:16px !important;background:linear-gradient(180deg,#19191a,#131314) !important;border:1px solid rgba(255,255,255,.08) !important}
@media(min-width:1024px){section.btvp [x-ref=ptrack] > a{width:150px !important;height:124px}}
section.btvp [x-ref=ptrack] > a:hover{border-color:rgba(46,224,127,.7) !important;box-shadow:0 0 0 1px rgba(46,224,127,.2),0 0 22px -6px rgba(31,173,102,.7);background:linear-gradient(180deg,#1e1e1f,#131314) !important}
section.btvp [x-ref=ptrack] > a > span:first-child{height:42px !important}
section.btvp [x-ref=ptrack] > a img{max-height:40px !important;filter:brightness(1.15)}
section.btvp [x-ref=ptrack] > a > span:last-child{font-size:11px !important;color:#2ee07f !important;opacity:.9}
.btvp-wrap{position:relative}
.btvp-seta{display:none;position:absolute;top:50%;z-index:2;width:44px;height:84px;margin-top:-42px;align-items:center;justify-content:center;border-radius:14px;background:#151516;border:1px solid rgba(255,255,255,.1);color:#2ee07f;cursor:pointer}
.btvp-seta:hover{border-color:rgba(46,224,127,.6)}
.btvp-seta svg{width:22px;height:22px}
.btvp-seta.esq{left:12px}.btvp-seta.dir{right:12px}
@media(min-width:1024px){.btvp-seta{display:flex}section.btvp > div:first-child button{display:none !important}}

.btvrc-ph{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:radial-gradient(circle at 30% 25%,#323233,#171718);border:1px solid rgba(46,224,127,.25);font-size:26px;font-weight:800;color:#2ee07f}
@media(min-width:1024px) and (max-width:1279px){.btvrc-ph{width:72px;height:72px}}

/* a setinha do avatar tambem abre o menu da conta */
header > div > div.relative{cursor:pointer}
/* menu FECHADO: o Cassino/Esportes ativo ficou com o fundo verde novo, mas a regra
   antiga (fundo branco) ainda pintava o icone de #17191C e ele sumia. Icone branco. */
html.btv-collapsed aside nav .px-1.pb-3 a.btv-on svg,html.btv-collapsed aside nav .px-1.pb-3 a.btv-on svg *{color:#fff !important;stroke:#fff !important}
/* ===== Maiores ganhos no mesmo cartao dos Jogos recentes (10/10/2026, pedido do Carlos) ===== */
html .btvw-card{width:270px;gap:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#181819,#121213) !important;border:1px solid rgba(255,255,255,.08) !important;transition:border-color .15s,box-shadow .15s}
html .btvw-card:hover{background:linear-gradient(180deg,#181819,#121213) !important;border-color:rgba(46,224,127,.6) !important;box-shadow:0 0 0 1px rgba(46,224,127,.15),0 8px 26px -14px rgba(31,173,102,.8)}
@media(min-width:1024px){html .btvw-card{width:300px;padding:14px 16px}}
html .btvw-th{width:64px;aspect-ratio:1/1;border-radius:12px;background:#202021}
html .btvw-th img{object-position:50% 22%}
html .btvw-n{font-size:15px;font-weight:700;letter-spacing:0}
html .btvw-g{margin-top:3px;font-size:13px;text-transform:none;letter-spacing:0;color:#9aa5a0}
html .btvw-v{margin-top:6px;font-size:15px;font-weight:700;color:#2ee07f}
/* ===== Busca e atalhos do celular no modelo novo (10/10/2026, modelo do Carlos) ===== */
html .btvf-search{height:52px;padding:0 20px;gap:12px;background:#171b1e;border:1px solid rgba(255,255,255,.08);color:#7f8a85;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
html .btvf-search svg{width:20px;height:20px;color:#c9d1cd}
html .btvf-fbtn{width:52px;height:52px;border-radius:16px;background:rgba(31,173,102,.14);border:1px solid rgba(46,224,127,.35);color:#2ee07f;box-shadow:0 0 18px -8px rgba(31,173,102,.8)}
html .btvf-fbtn svg{width:22px;height:22px}
html .btvf-chips{gap:10px;padding-top:14px}
html .btvf-chips a{height:44px;padding:0 18px;gap:10px;border:1px solid rgba(255,255,255,.14);background:#0d1113;font-size:14px;font-weight:600;color:#eef2f0}
html .btvf-chips a svg{width:20px;height:20px;color:#d6ddd9}
html .btvf-chips a.on{border-color:#1FAD66;background:rgba(31,173,102,.08);box-shadow:0 0 0 1px rgba(31,173,102,.35),0 0 16px -4px rgba(31,173,102,.7)}
html .btvf-chips a.on svg{color:#2ee07f}
/* ===== Top 10: Ver todos abre em grade (10/10/2026) ===== */
section.btvt.btvt-grade .btvt-track{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:22px;overflow:visible !important;padding:4px 0 0 16px !important;margin-bottom:0 !important}
@media(min-width:1024px){section.btvt.btvt-grade .btvt-track{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:34px;row-gap:30px;padding-left:26px !important}}
section.btvt.btvt-grade .btvt-track > *{width:auto !important;margin-left:0 !important}
section.btvt.btvt-grade .btvt-track > [aria-hidden="true"]{display:none !important}
section.btvt.btvt-grade > div:first-child button{display:none !important}
section.btvt a.btvt-menos svg{transform:rotate(-90deg)}
/* ===== Banners da home no formato novo, SO no computador (10/10/2026, modelo do Carlos) =====
   Painel escuro em volta da fileira, borda fina e canto maior em cada arte, botao com
   setinha e sem bolinhas de pagina. Celular fica como estava (barra de progresso em cima). */
@media(min-width:1024px){
  /* moldura por FORA (sombra), sem padding: padding mudava a medida e a fileira em loop
     mostrava uma lasca do banner vizinho nas pontas */
  section.btvb .btvb-wrap{margin:14px;border-radius:14px;box-shadow:0 0 0 14px #111112,0 0 0 15px rgba(255,255,255,.08)}
  section.btvb .btvb-slide{border-radius:14px !important;border:1px solid rgba(255,255,255,.14) !important;overflow:hidden}
  section.btvb .btvb-slide img{border-radius:13px}
  section.btvb .btvb-btn{gap:8px;padding:0 18px 0 22px !important;border-radius:8px !important}
  section.btvb .btvb-btn::after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
  section.btvb .btvb-dots{display:none !important}
}
/* ===== Aviso de bonus ativo na tela de saque (10/10/2026) ===== */
.btv-wbonus{margin:12px 0;padding:14px 16px;border-radius:14px;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.45);color:#f4e2c2}
.btv-wbonus b{display:block;font-size:14px;font-weight:700;color:#ffc861;margin-bottom:4px}
.btv-wbonus p{margin:0;font-size:13px;line-height:1.45}
/* pop-up so com o banner (Sextou, 09/10/2026): sem texto nem letras miudas */
.btvpop.btvpop-so .btvpop-corpo{padding-top:14px;padding-bottom:16px}
/* Pop-up do Sextou sem o efeito 3D (09/10/2026, Carlos): caixa lisa com borda
   fina, sem brilho verde nas laterais, botao verde chapado e textos sem sombra. */
div.btvpop.btvpop-so .btvpop-caixa{background:#151516 !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 18px 48px rgba(0,0,0,.55) !important}
div.btvpop.btvpop-so .btvpop-caixa::after{display:none !important}
div.btvpop.btvpop-so .btvpop-arte::before{background:linear-gradient(90deg,rgba(13,13,14,.92) 0%,rgba(13,13,14,.55) 45%,rgba(13,13,14,0) 75%),linear-gradient(0deg,#151516 0%,rgba(21,21,22,0) 30%)}
div.btvpop.btvpop-so .btvpop-arte em{background:#1FAD66;color:#fff;letter-spacing:.1em}
div.btvpop.btvpop-so .btvpop-cham small,div.btvpop.btvpop-so .btvpop-cham strong,div.btvpop.btvpop-so .btvpop-cham span{text-shadow:none}
div.btvpop.btvpop-so .btvpop-cham span{color:#2ee07f}
div.btvpop.btvpop-so .btvpop-cta{background:#1FAD66 !important;color:#fff !important;box-shadow:none !important;border-radius:12px}
div.btvpop.btvpop-so .btvpop-cta:hover{background:#22c272 !important}
div.btvpop.btvpop-so .btvpop-x{background:rgba(0,0,0,.6)}
/* Pop-up do Sextou mais comprido (09/10/2026, Carlos): arte mais alta no site e no celular */
div.btvpop.btvpop-so .btvpop-arte{aspect-ratio:828/800}

/* ==== MENOS BRILHO (10/10/2026, Carlos: tirar ~70% do brilho) ==============
   Regra: brilho so no que e acao principal (Cadastre-se / Depositar), e mesmo
   assim curto. Selecionado = borda, nao halo. Hover = linha fina. */
header > div > div.h-10.rounded-lg > a,
header > div > a[href$="/cadastrar"]{box-shadow:0 4px 14px -8px rgba(31,173,102,.55),inset 0 1px 0 rgba(255,255,255,.2) !important}
html .btvf-fbtn{box-shadow:none !important}
html .btvf-chips a.on{box-shadow:inset 0 0 0 1px rgba(31,173,102,.6) !important}
html footer .btvaf-abrir,html.btv-nao-afiliado .btvaf-abrir{box-shadow:none !important}
html footer .btvf h4::before{box-shadow:none !important}
html aside nav .px-1.pb-3 a.btv-on{box-shadow:none !important}
html:not(.btv-collapsed) aside nav a.bb-nav-active::before{box-shadow:none !important}
nav.bb-mobile-bar.btvn .btvn-i.on::before{box-shadow:none !important}
nav.bb-mobile-bar.btvn .btvn-orb span{box-shadow:0 0 0 5px #0b0d0e,0 0 0 6px rgba(31,173,102,.22),0 6px 14px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.2) !important}
.btvrc-c:hover,.btvrc-c.on,html .btvw-card:hover,section.btvp [x-ref=ptrack] > a:hover{box-shadow:0 0 0 1px rgba(46,224,127,.22) !important}
main .cb-hub .cb-tabs.btvtabs .cb-tab.cb-tab--active{box-shadow:0 0 0 1px rgba(31,173,102,.4) !important}
.btvpr-cta,.btvpr-dest-topo .btvpr-cta,.btvg-acao.btvg-resgatar{box-shadow:0 4px 12px -6px rgba(31,173,102,.4) !important}
.btvu-dep{box-shadow:0 4px 12px -6px rgba(31,173,102,.5),inset 0 1px 0 rgba(255,255,255,.2) !important}
.btvbar{box-shadow:none !important}
/* barra de baixo do celular: fundo solido, sem a cor das capas vazando */
html body nav.bb-mobile-bar.bb-mobile-bar{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#050607 14px) !important}
nav.bb-mobile-bar > div{background:#101415 !important}
/* Top 10: sem estrela de favoritar (ficava em cima do numero grande; no canto
   direito batia no selo TOP da capa). Nas outras fileiras ela continua. */
section.btvt .gc-skel > button.absolute{display:none !important}
/* celular: menos vazio entre as fileiras (a capa tinha 20px sobrando embaixo) */
@media (max-width:1023px){main a.bb-gamecard{padding-bottom:6px !important}}

/* Promocoes do visitante no padrao das telas da conta (10/10/2026): abre na
   area de conteudo (abaixo do topo, ao lado do menu lateral) e o voltar e o
   botao escuro das outras telas, nao o circulo branco. */
html .btvpr{top:var(--btvpr-t,0px) !important;left:var(--btvpr-l,0px) !important}
html .btvpr-barra{background:rgba(11,13,14,.94);padding:14px 20px}
html .btvpr-volta{width:36px;height:36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff}
html .btvpr-volta:hover{background:rgba(255,255,255,.1)}
html .btvpr-barra h2{font-size:17px}

/* Rodape: "Informacoes" recolhido no celular (10/10/2026) */
html footer .btvf-seta-info{display:none}
@media(max-width:767px){
html footer nav h4:has(.btvf-seta-info){cursor:pointer;display:inline-flex !important;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}
html footer .btvf-seta-info{display:inline-block;flex:none;width:18px;height:18px;opacity:.85;transition:transform .2s}
html footer nav:not(.btvf-fechado) .btvf-seta-info{transform:rotate(180deg)}
html footer nav.btvf-fechado .btvf-links{display:none !important}
}

/* ALL BLACK aprovado pelo Carlos (10/10/2026): verde so em acao (Depositar, Cadastre-se,
   botao principal) e dinheiro (valor ganho). Um verde so, #1FAD66, sem neon
   e sem brilho. O resto vira grafite/branco. */
/* titulos de secao: quadradinho verde -> grafite */
html span.btvf-ico{background:rgba(255,255,255,.06) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;color:rgba(255,255,255,.72) !important}
html span.btvf-ico svg{color:rgba(255,255,255,.72) !important}
/* "698 jogos" dos provedores e "Jogar de novo" */
html main a.group.shrink-0.inline-flex span.inline-flex{color:#9aa5a0 !important}
html .btvrc-txt > i{color:#c3ccc8 !important}
html .btvrc-c.on{border-color:rgba(255,255,255,.22) !important;box-shadow:none !important;background:rgba(255,255,255,.04) !important}
/* filtro */
html .btvf-fbtn{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.12) !important;color:#fff !important;box-shadow:none !important}
html .btvf-fbtn svg{color:#fff !important}
/* menu lateral: Cassino ativo = pilula branca; Inicio ativo = grafite com barrinha branca */
html body aside nav .px-1.pb-3 a.btv-on{background:#F9FAFA !important;color:#0B0D0E !important;border-color:transparent !important;box-shadow:none !important}
html body aside nav .px-1.pb-3 a.btv-on svg{color:#0B0D0E !important}
html body aside nav a.bb-nav-active{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.08) !important;box-shadow:none !important}
html body aside nav a.bb-nav-active .bb-emoji,html body aside nav a.bb-nav-active svg,html body aside nav a.bb-nav-active .bb-emoji.btvi svg{color:#fff !important}
html:not(.btv-collapsed) body aside nav a.bb-nav-active::before{background:#fff !important;box-shadow:none !important}
html body aside span.block.w-0\.5.h-3{background:rgba(255,255,255,.35) !important;box-shadow:none !important}
/* barra de baixo do celular: aba ativa branca; Depositar verde chapado, sem anel verde */
html .btvn-i.on,html .btvn-i.on svg{color:#fff !important}
html .btvn-i.on::before,html .btvn-i.on::after{background:#fff !important;box-shadow:none !important}
html .btvn-orb > span{background:#1FAD66 !important;box-shadow:0 0 0 5px #0b0d0e,0 6px 14px rgba(0,0,0,.5) !important}
/* botoes de acao: verde chapado, sem degrade e sem brilho */
html header a[href$="/cadastrar"]{background:#1FAD66 !important;box-shadow:none !important}
html header a[href$="/depositar"]{background:#1FAD66 !important;box-shadow:none !important}
/* rodape */
html footer .btvaf-abrir{background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.16) !important;box-shadow:none !important}
html footer .btvaf-abrir svg{color:#fff !important}
html footer .btvf-spon{background:rgba(255,255,255,.03) !important;border-color:rgba(255,255,255,.1) !important;box-shadow:none !important}
html footer .btvf-hrow h4::before,html footer nav h4::before{background:#fff !important}
/* dinheiro continua verde, mas o verde da marca, nao o neon */
html .btvw-v{color:#1FAD66 !important}

/* ALL BLACK parte 2 (10/10/2026): telas logadas. Mesma regra: verde so em
   acao (Depositar, Resgatar, botao principal) e dinheiro; selecao/ativo vira
   branco, cards grafite. Progresso continua verde. */
/* acoes: verde chapado, sem degrade e sem brilho */
html body header a[href$="/depositar"],html body .btvu-dep,html body main a.bg-gradient-to-b,html body .btvpr-cta,html body .btvg-resgatar,html body main form > button.w-full.py-4{background-image:none !important;background-color:#1FAD66 !important;box-shadow:none !important}
/* cartao do jogador (conta, gamificacao, gaveta): grafite + brilho do metal do nivel */
html body .btva-card,html body .btvg-nivel.tem,html body .btvu-user{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--btv-nivel,#CD7F32) 24%,transparent) 0%,transparent 58%),linear-gradient(160deg,#1b1e20 0%,#121416 100%) !important}
/* menu da conta e da gamificacao: ativo grafite, texto branco, barrinha branca */
html body .btva-side a.on,html body .btvg-mi.on{background:rgba(255,255,255,.07) !important;color:#fff !important;border-color:rgba(255,255,255,.08) !important;border-left-color:#fff !important;box-shadow:none !important}
html body .btva-side a.on *,html body .btvg-mi.on span,html body .btva-side a.on svg,html body .btvg-mi.on svg{color:#fff !important}
/* faixa de atalhos da gamificacao: no celular o ativo e o quadradinho VERDE com
   icone branco, igual a faixa da conta (.btva-tabs a.on); o branco-com-branco
   da versao anterior escondia o icone (Carlos, 10/10) */
@media(max-width:1023px){
html body .btvg-mi.on{background:none !important;border-color:transparent !important;box-shadow:none !important}
html body .btvg-mi.on i{background:#1FAD66 !important;color:#fff !important}
html body .btvg-mi.on i svg{color:#fff !important}
html body .btvg-mi.on span{color:#1FAD66 !important}
}
@media(min-width:1024px){html body .btvg-mi.on i{background:none !important}}
/* Premios: aba escolhida com contorno branco, check branco */
html body main .cb-hub .cb-tabs.btvtabs .cb-tab.cb-tab--active{border-color:rgba(255,255,255,.55) !important;background:#181b1d !important;box-shadow:none !important}
html body .cb-tab--active .btvtab-ic{background:rgba(255,255,255,.1) !important;color:#fff !important}
html body .btvtab-ok{background:#fff !important;color:#0B0D0E !important}
html body .cb-section-title{color:#fff !important}
html body .cb-section-count{color:#9aa5a0 !important}
html body .fs-rounds{color:#d6ddd9 !important}
html body .cb-empty-ico,html body .cb-empty svg{color:#9aa5a0 !important}
/* abas e filtros das paginas da conta: ativo = pilula branca */
html body main .grid.grid-cols-2.p-1\.5 > a.bg-\[var\(--color-primary\)\],html body .btvhist a.on{background:#F9FAFA !important;color:#0B0D0E !important}
html body main .bg-\[var\(--color-primary-dim\)\]{background:rgba(255,255,255,.08) !important}
html body main .border-\[var\(--color-primary\)\]{border-color:rgba(255,255,255,.5) !important}
html body main .text-\[var\(--color-primary\)\]{color:#fff !important}
/* deposito: valor escolhido com contorno branco, selo Popular branco */
html body main .grid.grid-cols-3 > button.relative{box-shadow:none !important}
html body main .grid.grid-cols-3 > button.relative span.absolute{background:#F9FAFA !important;color:#0B0D0E !important}
html body .btvcp-n{color:#fff !important}
/* gamificacao */
html body .btvg-arte.selo{background:rgba(255,255,255,.07) !important;box-shadow:none !important}
html body .btvg-tag{background:rgba(255,255,255,.1) !important;color:#e9efec !important;box-shadow:none !important}
html body .btvg-premios span{color:#e9efec !important}
html body .btvg-premios i svg{color:rgba(255,255,255,.7) !important}
html body .btvg-ganha,html body .btvg-ganha svg{color:#fff !important}
html body .btvg-pn{background:rgba(255,255,255,.08) !important}
html body .btvg-pn .btvg-ava{background:#F9FAFA !important;color:#0B0D0E !important}
html body .bsw-spins-info{border-left-color:rgba(255,255,255,.3) !important}
html body .btvg-reg-corpo{border-left-color:rgba(255,255,255,.2) !important}

/* ===== Menu, topo e rodape em grafite neutro (blocos arredondados) ===== */
:root{--btvgr-chao:#0B0B0C;--btvgr-bloco:#161617;--btvgr-borda:#202022;--btvgr-hover:#1F1F21;--btvgr-linha:#232325}

/* menu lateral: chao preto neutro, cada grupo vira um bloco */
html body aside.fixed{background:var(--btvgr-chao)!important;border-right-color:var(--btvgr-chao)!important}
html body aside.fixed>a:first-child{border-bottom-color:transparent!important}
html body #bbSidebarScroll{display:flex!important;flex-direction:column;gap:10px;padding:10px 8px 16px!important}
html body #bbSidebarScroll>*{margin-top:0!important;background:var(--btvgr-bloco)!important;border:1px solid var(--btvgr-borda)!important;border-radius:18px!important;padding:6px 2px!important}
html body #bbSidebarScroll>*:last-child{border-top:1px solid var(--btvgr-borda)!important}
html body #bbSidebarScroll>*:first-child>div:first-child{border-bottom-color:var(--btvgr-linha)!important}
html body #bbSidebarScroll>*:first-child>div:first-child>div{background:var(--btvgr-chao)!important;border-color:var(--btvgr-borda)!important}
html body #bbSidebarScroll>*:first-child>a.group{padding-left:10px!important;padding-right:4px!important}
html body #bbSidebarScroll a.group:hover,html body #bbSidebarScroll button:hover{background:var(--btvgr-hover)!important}

/* topo */
html body div.flex-1>header.sticky{--glass-bar-bg:var(--btvgr-chao);--glass-bar-tint:transparent;--glass-bar-line:var(--btvgr-chao);background:var(--btvgr-chao)!important}
html body div.flex-1>header.sticky>div.h-14{background:var(--btvgr-bloco)!important;background-image:none!important;border-color:var(--btvgr-borda)!important;box-shadow:none!important}

/* rodape: Informacoes, apps, patrocinio e selos em blocos grafite */
html body footer .btvf-fechado,html body footer .btvf-side>*,html body footer .btvf-badge{background:var(--btvgr-bloco)!important;border:1px solid var(--btvgr-borda)!important;border-radius:18px!important}
html body footer .btvf-fechado{padding:16px 18px!important}
html body footer .btvf-side a,html body footer .btvf-side>*>*{background-color:transparent}
html body footer .btvf-grid,html body footer .btvf-badges,html body footer .btvf-legal{border-color:var(--btvgr-linha)!important}
html:root{--glass-bar-tint:transparent}

/* ===== Provedores: cards mais finos, setas e hover sem verde (10/10) ===== */
html section.btvp [x-ref=ptrack]{padding-top:10px !important;padding-bottom:10px !important}
html section.btvp [x-ref=ptrack] > a{height:78px !important;padding:8px 10px !important;gap:4px !important;border-radius:14px !important}
html section.btvp [x-ref=ptrack] > a > span:first-child{height:30px !important}
html section.btvp [x-ref=ptrack] > a img{max-height:28px !important}
html section.btvp [x-ref=ptrack] > a > span:last-child{font-size:10px !important}
html section.btvp [x-ref=ptrack] > a:hover{border-color:rgba(255,255,255,.28) !important;box-shadow:none !important}
@media(min-width:1024px){html section.btvp [x-ref=ptrack] > a{height:86px !important}}
html .btvp-seta{height:58px;margin-top:-29px;color:#fff}
html .btvp-seta:hover{border-color:rgba(255,255,255,.35)}

/* ===== Menu lateral no celular: rola ate o fim (10/10) =====
   A gaveta vai ate o pe da tela e a barra de baixo (Esportes, Depositar, Menu)
   fica por cima: o ultimo bloco (suporte, notificacoes) nunca aparecia.
   O fim do menu ganha folga do tamanho da barra (--btvg-b, medido pela tag). */
@media(max-width:1023px){html body #bbSidebarScroll{padding-bottom:calc(max(var(--btvg-b,0px),96px) + 28px + env(safe-area-inset-bottom))!important}}

/* ===== Check-in travado pra quem nunca depositou (10/10) ===== */
a.btvci-capa-bt{display:inline-flex;align-items:center;justify-content:center;text-decoration:none !important;width:fit-content}
.btvci-escada{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:14px}
.btvci-escada>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;background:#161617;border:1px solid rgba(255,255,255,.08)}
.btvci-escada small{font-size:11px;color:rgba(255,255,255,.55);font-weight:700}
.btvci-escada b{font-size:22px;font-weight:800;color:#F5C451;line-height:1.1}
.btvci-escada span{font-size:11px;color:rgba(255,255,255,.7)}
.btvci-escada>.max{border-color:rgba(245,196,81,.45)}
@media(max-width:560px){.btvci-escada{grid-template-columns:repeat(4,1fr)}.btvci-escada>.max{grid-column:span 2}}
html .btvci-trava a.btvci-capa-bt{margin-top:6px;padding:13px 30px;border-radius:999px;font-weight:800;font-size:15px;color:#1a1204 !important;background:linear-gradient(180deg,#FFE39A,#DDA43A) !important;box-shadow:0 8px 24px rgba(245,196,81,.35)}

/* ===== Pop-up de promocao no molde da Bet da Galera (10/10/2026) =====
   Arte em cima, selo "oferta" inclinado, chamada em italico (branco + ouro),
   linha do premio com barra dourada, cupom em ticket, botao dourado inclinado,
   "talvez mais tarde", linha de regras e faixa de jogo responsavel. Fundo
   grafite (regra all black da casa); o ouro e o destaque. */
div.btvpop.btvpp .btvpop-caixa{width:min(440px,100%) !important;max-width:440px !important;padding:0 !important;border-radius:16px !important;overflow:hidden auto;background:#141415 !important;border:1px solid rgba(255,255,255,.1) !important;box-shadow:0 24px 60px rgba(0,0,0,.6) !important}
div.btvpop.btvpp .btvpop-caixa::after{display:none !important}
div.btvpop.btvpp .btvpop-x{top:12px;right:12px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15)}
.btvpp-arte{aspect-ratio:828/536;background-size:cover;background-position:center;position:relative}
.btvpp-arte::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(0deg,#141415,rgba(20,20,21,0))}
.btvpp-corpo{display:flex;flex-direction:column;gap:12px;padding:4px 22px 16px}
.btvpp-tag{align-self:flex-start;margin-top:-6px;padding:5px 16px 5px 14px;font-size:11px;font-weight:900;font-style:italic;letter-spacing:.18em;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,#F5D27A,#D9A63A);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.btvpp-tit{margin:0;font-family:"Btv Rubik",system-ui,sans-serif !important;font-weight:800;font-style:italic;font-size:25px;line-height:1.08;letter-spacing:-.01em;color:#fff;text-transform:uppercase}
.btvpp-tit b{color:#F5C451;font-weight:800}
.btvpp-premio{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;background:#1E1E20;border-left:3px solid #E0B04A}
.btvpp-premio strong{min-width:54px;font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:30px;font-weight:800;font-style:italic;line-height:1;color:#F5C451}
.btvpp-premio div{display:flex;flex-direction:column;gap:2px}
.btvpp-premio b{font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:16px;font-weight:800;font-style:italic;color:#fff;letter-spacing:.02em}
.btvpp-premio span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.75)}
.btvpp-cupom{position:relative;display:flex;align-items:stretch;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#19191B;overflow:hidden}
.btvpp-cupom>i{display:flex;align-items:center;justify-content:center;width:52px;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#E0B04A;writing-mode:vertical-rl;transform:rotate(180deg);border-left:2px dashed rgba(224,176,74,.55);background:#1E1E20}
.btvpp-cupom>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 10px}
.btvpp-cupom small{font-size:10.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.btvpp-cupom b{font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:28px;font-weight:800;font-style:italic;letter-spacing:.04em;color:#F5C451;line-height:1.1}
div.btvpop.btvpp a.btvpp-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:54px;margin-top:2px;border-radius:4px !important;font-family:"Btv Rubik",system-ui,sans-serif !important;font-size:18px;font-weight:800;font-style:italic;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#1a1204 !important;background:linear-gradient(180deg,#F7D987,#D8A43C) !important;box-shadow:0 10px 26px rgba(217,166,58,.28) !important;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
div.btvpop.btvpp a.btvpp-cta:hover{filter:brightness(1.06)}
div.btvpop.btvpp .btvpp-nao{border:0;background:transparent;color:rgba(255,255,255,.72);font-size:14px;font-weight:600;padding:4px;cursor:pointer}
.btvpp-linha{margin:0;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.02em;color:rgba(255,255,255,.62)}
.btvpp-linha a{color:#F5C451;font-weight:700;text-decoration:none;white-space:nowrap}
.btvpp-pe{padding:9px 12px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#1a1204;background:linear-gradient(180deg,#F5D27A,#D9A63A)}
@media(max-width:480px){.btvpp-tit{font-size:22px}.btvpp-cupom b{font-size:25px}div.btvpop.btvpp a.btvpp-cta{font-size:16px;min-height:50px}}

/* ===== Dois torneios em carrossel (12/10/2026) =====
   Cassino ao vivo e slots, R$ 5 mil cada. Botoes em cima (molde das abas do
   ranking do lobby), deslizar no celular, bolinhas embaixo. */
.btvtcar{position:relative;min-width:0}
.btvtcar-abas{display:flex;gap:6px;margin:0 0 12px}
.btvtcar-aba{padding:8px 14px;border-radius:99px;border:0;background:#1C1C1E;color:rgba(255,255,255,.7);font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}
.btvtcar-aba.on{background:#fff;color:#0B0B0C}
.btvtcar-aba:focus-visible{outline:2px solid #F5C451;outline-offset:2px}
.btvtcar-trilho{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.btvtcar-trilho::-webkit-scrollbar{display:none}
.btvtcar-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.btvtcar-pontos{display:flex;justify-content:center;gap:6px;margin-top:10px}
.btvtcar-pontos i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.25);transition:width .2s}
.btvtcar-pontos i.on{width:18px;background:#fff}
@media (prefers-reduced-motion:reduce){.btvtcar-pontos i{transition:none}}
.btvtc-slots{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
/* slots: os personagens ficam na direita; ancora no meio da altura */
.btvtc-de-slots .btvtc-arte{background-position:100% 50%}

/* 12/10/2026: arte com a frase ja desenhada (cashback diario) aparece inteira e sem a sombra da chamada */
.btvpr-arte.btvpr-arte-so{aspect-ratio:828/536;background-position:center}
.btvpr-arte.btvpr-arte-so::before{display:none}

/* 12/10/2026: Entrar/Cadastrar premium (btvau) e aviso "voce esta quase la" compacto (btvq2) */
.btv-mp.btvau main > div{border:1px solid rgba(232,190,92,.28)!important;border-radius:18px!important;overflow:hidden!important;background:#0E1012!important}
.btv-mp.btvau .btvau-hero{display:block;position:relative;width:calc(100% + 48px);max-width:none;margin:-22px -24px 0;height:200px;background-size:cover;background-repeat:no-repeat}
.btv-mp.btvau .btvau-cadastrar{background-image:url(https://apps-betivo-assets.jyo3rb.easypanel.host/banners/cadastro-tigre.webp);background-position:75% 25%}
.btv-mp.btvau .btvau-entrar{background-image:url(https://apps-betivo-assets.jyo3rb.easypanel.host/banners/cadastro-moca.webp);background-position:62% 22%}
.btv-mp.btvau .btvau-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,18,.94) 0%,rgba(14,16,18,.58) 46%,rgba(14,16,18,0) 74%),linear-gradient(180deg,rgba(14,16,18,0) 55%,#0E1012 100%)}
.btv-mp.btvau .btvau-hero>div{position:absolute;left:22px;top:22px;z-index:1;text-align:left}
.btv-mp.btvau .btvau-hero img{height:26px;width:auto;display:block;margin:0 0 14px}
.btv-mp.btvau .btvau-hero span{display:inline-block;padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#F6D67A,#C9952E);color:#1A1205;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.btv-mp.btvau .btvau-hero h2{margin:10px 0 0;font-size:25px;font-weight:800;line-height:1.05;color:#fff;max-width:200px}
.btv-mp.btvau .btvau-cards{position:relative;z-index:2;margin:-18px 0 4px}
.btv-mp.btvau .btvau-cards small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8E979D;margin:0 0 8px;text-align:left}
.btv-mp.btvau .btvau-dons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btv-mp.btvau .btvau-dons>div{border-radius:12px;padding:11px 12px;text-align:left;background:linear-gradient(160deg,#1A1D21,#121417);border:1px solid rgba(232,190,92,.22)}
.btv-mp.btvau .btvau-dons b{display:block;font-size:22px;font-weight:800;line-height:1;background:linear-gradient(180deg,#FFE7A3,#D8A23A);-webkit-background-clip:text;background-clip:text;color:transparent}
.btv-mp.btvau .btvau-dons strong{display:block;margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.btv-mp.btvau .btvau-dons i{display:block;font-style:normal;font-size:11px;color:#8E979D;margin-top:1px}
.btv-mp.btvau main h1{display:block!important;font-size:22px!important;font-weight:800!important;text-align:left!important;margin-top:14px!important}
.btv-mp.btvau main h1+p{text-align:left!important}
.btv-mp.btvau form label{font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:#AEB6BC!important}
.btv-mp.btvau form input:not([type=hidden]):not([type=checkbox]):not([type=radio]){background:#121417!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}
.btv-mp.btvau form input:not([type=hidden]):focus{border-color:#D8A23A!important;box-shadow:0 0 0 3px rgba(216,162,58,.18)!important;outline:0!important}
.btv-mp.btvau form button[type=submit]{background:linear-gradient(180deg,#F7D97E,#D29B33)!important;color:#1A1205!important;border:0!important;border-radius:12px!important;font-weight:800!important;letter-spacing:.12em!important;box-shadow:0 10px 26px rgba(210,155,51,.3)!important;position:relative;overflow:hidden}
.btv-mp.btvau form button[type=submit]::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:btvauBrilho 2.8s ease-in-out infinite;pointer-events:none}
@keyframes btvauBrilho{0%,60%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.btv-mp.btvau form button[type=submit]::after,.btvq2 .btvq-go::after{animation:none;display:none}}
.btv-mp.btvau .btvau-confia{display:flex;justify-content:space-between;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#8E979D}
.btv-mp.btvau .btvau-confia span{display:flex;align-items:center;gap:5px}
.btv-mp.btvau .btvau-confia i{width:6px;height:6px;border-radius:50%;background:#D8A23A;display:inline-block}
.btv-mp.btvau main a[href*="/cadastrar"],.btv-mp.btvau main a[href*="/entrar"],.btv-mp.btvau main a[href*="recuperar"],.btv-mp.btvau main a[href*="esqueci"],.btv-mp.btvau main a[href*="afiliad"]{color:#E2B04A!important}
.btvq.btvq2{padding:0;max-width:360px;background:#0E1012;border:1px solid rgba(232,190,92,.28);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.btvq2 .btvq-x{top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:20px}
.btvq2 .btvq-arte{height:120px;position:relative;background:url(https://apps-betivo-assets.jyo3rb.easypanel.host/banners/cadastro-tigre.webp) 70% 28%/cover no-repeat}
.btvq2 .btvq-arte::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,18,0) 35%,#0E1012 100%)}
.btvq2 .btvq-corpo{position:relative;z-index:1;margin-top:-20px;padding:0 18px 14px}
.btvq2 .btvq-k{margin:0;padding:5px 12px;background:linear-gradient(90deg,#F6D67A,#C9952E);color:#1A1205;font-weight:800;letter-spacing:.14em;font-size:10.5px;box-shadow:0 6px 18px rgba(201,149,46,.35)}
.btvq2 h3{margin:10px 0 12px;font-size:22px;font-weight:800;line-height:1.05}
.btvq2 .btvq-dons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.btvq2 .btvq-dons>div{border-radius:12px;padding:9px 10px;text-align:left;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.btvq2 .btvq-dons b{display:block;font-size:22px;font-weight:800;line-height:1;background:linear-gradient(180deg,#FFE7A3,#D8A23A);-webkit-background-clip:text;background-clip:text;color:transparent}
.btvq2 .btvq-dons strong{display:block;margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.btvq2 .btvq-dons i{display:block;font-style:normal;margin-top:1px;font-size:11px;color:#8E979D;line-height:1.3}
.btvq2 .btvq-go{height:48px;border-radius:12px;background:linear-gradient(180deg,#F7D97E,#D29B33);color:#1A1205;font-weight:800;letter-spacing:.12em;position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(210,155,51,.35)}
.btvq2 .btvq-go:hover{background:linear-gradient(180deg,#F7D97E,#D29B33);filter:brightness(1.06)}
.btvq2 .btvq-go::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:btvauBrilho 2.8s ease-in-out infinite;pointer-events:none}
.btvq2 .btvq-no{margin-top:8px;text-decoration:none;color:#7D868C}

/* 12/10/2026: Depositar e Sacar premium (btvpm). btvpm-h = tem topo nosso */
.btv-mp.btvpm{--color-primary:#D8A23A}
.btv-mp.btvpm main .btvcp-cod:not(.on) button{background:linear-gradient(180deg,#F7D97E,#D29B33);color:#1A1205}
.btv-mp.btvpm main > div{border:1px solid rgba(232,190,92,.28)!important;border-radius:18px!important;overflow:hidden!important;background:#0E1012!important}
.btv-mp.btvpm-h .btv-sub{display:none!important}
.btv-mp.btvpm .btvpm-hero{display:block;position:relative;width:calc(100% + 48px);max-width:none;margin:-22px -24px 14px;height:180px;background-size:cover;background-repeat:no-repeat}
.btv-mp.btvpm .btvpm-dep{background-image:url(https://apps-betivo-assets.jyo3rb.easypanel.host/banners/telas/depositar-salao.webp);background-position:68% 18%}
.btv-mp.btvpm .btvpm-saq{background-image:url(https://apps-betivo-assets.jyo3rb.easypanel.host/banners/telas/sacar-arte-v2.webp);background-position:35% 50%}
.btv-mp.btvpm .btvpm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,18,.94) 0%,rgba(14,16,18,.55) 48%,rgba(14,16,18,0) 75%),linear-gradient(180deg,rgba(14,16,18,0) 55%,#0E1012 100%)}
.btv-mp.btvpm .btvpm-hero>div{position:absolute;left:22px;bottom:24px;z-index:1;text-align:left}
.btv-mp.btvpm .btvpm-hero span{display:inline-block;padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#F6D67A,#C9952E);color:#1A1205;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.btv-mp.btvpm .btvpm-hero h2{margin:9px 0 2px;font-size:26px;font-weight:800;line-height:1;color:#fff}
.btv-mp.btvpm .btvpm-hero p{margin:0;font-size:13px;color:#AEB6BC}
.btv-mp.btvpm main input:not([type=hidden]):not([type=checkbox]):not([type=radio]){background:#121417!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}
.btv-mp.btvpm main input:focus,.btv-mp.btv-dep.btvpm main input:focus{border-color:#D8A23A!important;box-shadow:0 0 0 3px rgba(216,162,58,.18)!important;outline:0!important}
.btv-mp.btv-dep.btvpm main input.btv-mask{font-size:22px!important;font-weight:800!important;color:#F2CF73!important}
.btv-mp.btv-dep.btvpm main button[class*="min-h-[54px]"]{border-radius:12px!important}
.btv-mp.btv-dep.btvpm main button[class*="min-h-[54px]"][class*="border-[var(--color-border)]"]{background:#121417!important;border-color:rgba(255,255,255,.08)!important}
.btv-mp.btv-dep.btvpm main button[class*="min-h-[54px]"][class*="border-[var(--color-primary)]"],.btv-mp.btv-dep.btvpm main button[class*="min-h-[54px]"].ring-2{border-color:#D8A23A!important;box-shadow:inset 0 0 0 1px #D8A23A,0 6px 18px rgba(216,162,58,.18)!important;background:linear-gradient(180deg,rgba(216,162,58,.20),rgba(216,162,58,.04))!important;color:#FFE7A3!important}
.btv-mp.btv-dep.btvpm main button[class*="min-h-[54px]"] span[class*="absolute"]{background:linear-gradient(90deg,#F6D67A,#C9952E)!important;color:#1A1205!important}
.btv-mp.btvpm main svg[class*="text-[var(--color-primary)]"]{color:#D8A23A!important}
.btv-mp.btvpm main .btvcp-op{--tom:216,162,58;--tomh:#D8A23A}
.btv-mp.btv-dep.btvpm main button[type=submit],.btv-mp.btv-wd.btvpm main form button[type=submit],.btv-mp.btvpm .btv-wcard form button[type=submit]{background:linear-gradient(180deg,#F7D97E,#D29B33)!important;color:#1A1205!important;border:0!important;border-radius:12px!important;min-height:52px!important;font-weight:800!important;letter-spacing:.1em!important;box-shadow:0 10px 26px rgba(210,155,51,.3)!important;position:relative;overflow:hidden}
.btv-mp.btvpm main button[type=submit]::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:btvauBrilho 2.8s ease-in-out infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.btv-mp.btvpm main button[type=submit]::after{animation:none;display:none}}
.btv-mp.btvpm .btv-wcard{background:#121417;border:1px solid rgba(232,190,92,.18);border-radius:14px}
.btv-mp.btvpm .btv-wcard small{color:#E2B04A}
.btv-mp.btvpm .btv-wbox{background:#0E1012;border-color:rgba(232,190,92,.25)}
.btv-mp.btvpm .btv-wbox b{color:#F2CF73;font-size:16px}
.btv-mp.btvpm .btv-wpix{border-color:#D8A23A;background:linear-gradient(180deg,rgba(216,162,58,.16),rgba(216,162,58,.03))}
.btv-mp.btvpm .btv-wpix span{color:#E2B04A}
.btv-mp.btv-wd.btvpm .btv-krow select,.btv-mp.btv-wd.btvpm .btv-krow input{background:#0E1012;border-color:rgba(255,255,255,.08);border-radius:12px}
.btv-mp.btv-wd.btvpm .btv-kadd{color:#E2B04A}

/* 12/10/2026: Completar cadastro (antes do 1o saque) no padrao premium */
.btv-mp.btvpm-kyc main h1{text-align:left!important;font-size:22px!important;font-weight:800!important}
.btv-mp.btvpm-kyc main h1+p{text-align:left!important;color:#AEB6BC!important}
.btv-mp.btvpm-kyc main label{font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:#AEB6BC!important}
.btv-mp.btvpm.btvpm-kyc main button[type=submit],.btv-mp.btvpm.btvpm-kyc main form button:last-of-type{background:linear-gradient(180deg,#F7D97E,#D29B33)!important;color:#1A1205!important;border:0!important;border-radius:12px!important;min-height:52px!important;font-weight:800!important;letter-spacing:.1em!important;box-shadow:0 10px 26px rgba(210,155,51,.3)!important;position:relative;overflow:hidden}

/* 12/10/2026 (Carlos: "menos e mais", caber no celular): Entrar/Cadastrar mais curtos.
   Sem cartoes, topo mais baixo, titulo em uma linha e sem o link repetido no pe
   (o mesmo convite ja esta logo abaixo do titulo). */
.btv-mp.btvau .btvau-hero{height:150px}
.btv-mp.btvau .btvau-hero>div{top:18px}
.btv-mp.btvau .btvau-hero img{height:22px;margin-bottom:10px}
.btv-mp.btvau .btvau-hero h2{font-size:23px;max-width:none;white-space:nowrap}
.btv-mp.btvau main h1{margin-top:4px!important}
.btv-mp.btvau main div.mt-8.text-center:has(a[href$="/entrar"]),.btv-mp.btvau main div.mt-8.text-center:has(a[href$="/cadastrar"]){display:none!important}

/* 12/10/2026: pagina inteira de Entrar/Cadastrar/Depositar/Sacar so aparece ja decorada (btv-pre sai no page()) */
html.btv-pre main{visibility:hidden!important}

/* 12/10/2026 (Carlos: "o dourado apenas no lugar do verde"): atalho aceso do lobby igual ao de antes, so com dourado no lugar do verde */
html .btvf-chips a.on{border-color:#D8A23A;background:rgba(216,162,58,.08);box-shadow:inset 0 0 0 1px rgba(216,162,58,.6) !important}
html .btvf-chips a.on svg{color:#E2B04A}