/* JSHOW • site novo • 27/10/2026 (pedido do Jonas: sair do jeito "página de links" e virar site com abas).
   Vale só na página inicial (body.sn). Celular primeiro: 90% das visitas vêm do celular.
   As caixas de sorteio, cadastro, mensagens, mural e app continuam com o estilo do app.css; aqui só muda a cara. */
body.sn{
  --sn-bg:#0b0e11;--sn-card:#1e2329;--sn-card2:#2b3139;
  --sn-ouro:#fcd535;--sn-ouro2:#fcd535;--sn-ouro3:#b39a4a;
  --sn-txt:#eaecef;--sn-mut:#929aa5;--sn-linha:#fcd53529;--sn-linha2:#fcd53552;
  --sn-serif:Inter,system-ui,-apple-system,sans-serif; /* padrão Binance (28/10/2026): títulos sem serifa */
  /* as cores do painel passam a seguir a paleta do site novo */
  --text:var(--sn-txt);--btn-bg:var(--sn-card);--bg-inner:var(--sn-card);--btn-border:var(--sn-ouro);
  --green-ink:#181a20;--muted:var(--sn-mut);--line:var(--sn-linha);
  background:var(--sn-bg);
  background-image:none;
  background-repeat:no-repeat;color:var(--sn-txt);
}
body.sn a:focus-visible,body.sn button:focus-visible{outline:3px solid var(--sn-ouro2);outline-offset:3px}

/* o topo fixo não cobre o começo das partes quando a página rola até elas */
html:has(body.sn){scroll-padding-top:76px}
body.sn .sn-sec,body.sn .sn-hero,body.sn #sorteioBox,body.sn #diarioBox,body.sn #offliveBox{scroll-margin-top:76px}

/* pular para o conteúdo (teclado) */
.sn-pular{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 14px;border-radius:10px;background:var(--sn-ouro);color:#181a20;font-weight:700;text-decoration:none}
.sn-pular:focus{top:12px}

/* ---------- topo ---------- */
.sn-top{position:sticky;top:0;z-index:11;background:#0b0e11d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sn-linha);padding-top:env(safe-area-inset-top)}
.sn-top-in{display:flex;align-items:center;gap:12px;max-width:1120px;height:60px;margin:auto;padding:0 16px}
.sn-logo{color:var(--sn-txt);text-decoration:none;font:italic 900 25px/1 Inter,system-ui,sans-serif;letter-spacing:-.5px}
.sn-logo span{color:var(--sn-ouro)}
.sn-nav{display:none}
.sn-cta{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,var(--sn-ouro2),var(--sn-ouro));color:#181a20;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 6px 22px #fcd53533}
.sn-bola{display:inline-block;width:9px;height:9px;margin-left:6px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 2px var(--sn-bg);vertical-align:2px}
.sn-bola[hidden]{display:none}

/* ---------- miolo ---------- */
body.sn .wrap.sn-main{display:flex;flex-direction:column;max-width:560px;padding:8px 16px calc(112px + env(safe-area-inset-bottom))}
.sn-hero{order:-3}
.sn-main>#plataformas{order:-2}
/* com um sorteio aberto, a parte do sorteio sobe para logo depois do topo */
.sn-main>#sorteios:has(#sorteioBox:not([hidden])),.sn-main>#sorteios:has(#diarioBox:not([hidden])),.sn-main>#sorteios:has(#offliveBox:not([hidden])){order:-3}
.sn-main>.sn-rodape{order:9}

.sn-sobre{margin:0 0 6px;color:var(--sn-ouro);font-size:12px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase}
.sn-h1{margin:0;font:700 40px/1.06 var(--sn-serif);letter-spacing:-.4px;color:var(--sn-txt);text-wrap:balance}
.sn-h1 em{color:var(--sn-ouro);font-style:italic}
.sn-h2{margin:0;font:700 30px/1.12 var(--sn-serif);color:var(--sn-txt);text-wrap:balance}
.sn-lead{margin:14px 0 0;color:var(--sn-mut);font-size:16px;line-height:1.55}
.sn-cab{margin-bottom:18px}
.sn-cab-p{margin:8px 0 0;color:var(--sn-mut);font-size:15px;line-height:1.55}

/* botões do site novo */
.sn-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.sn-b-ouro{background:linear-gradient(180deg,var(--sn-ouro2),var(--sn-ouro));color:#181a20;box-shadow:0 8px 26px #fcd53538}
.sn-b-linha{border:1px solid var(--sn-linha2);color:var(--sn-txt)}
.sn-b:active{transform:scale(.98)}

/* capa */
.sn-hero{margin:0 0 8px;padding-top:14px}
.sn-hero .live-now{margin:0 0 16px}
.sn-hero-g{display:flex;flex-direction:column;gap:22px}
.sn-hero-img{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:22px;border:1px solid var(--sn-linha2);box-shadow:0 24px 60px #0009}
.sn-hero-img img{display:block;width:100%;height:100%;object-fit:cover}
.sn-acoes{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.sn-redes.socials{margin-top:20px;gap:8px}
.sn-redes.socials a{width:44px;height:44px;background:transparent;border-color:var(--sn-linha2)}
.sn-hero .live-box{margin-top:18px}

/* seções */
.sn-sec{padding:36px 0 4px}
.sn-sec .links{gap:12px}

/* cartões das plataformas e do WhatsApp: os mesmos botões do painel, com acabamento dourado */
body.sn .btn{background:linear-gradient(180deg,var(--sn-card2),var(--sn-card));border-color:var(--sn-linha);box-shadow:0 10px 30px #0006}
body.sn .btn .txt strong{font-size:16px;letter-spacing:0}
body.sn .btn .txt small{background:#fcd53512;border-color:#fcd53533;color:#f0d9a6;font-size:13px}
body.sn .btn .spacer{background:var(--sn-ouro);color:#181a20;box-shadow:0 3px 0 var(--sn-ouro3)}
body.sn .btn .proof{background:#3ddc8412;border-color:#3ddc8433;color:#a8eec2;font-size:13px}
body.sn .sn-zaps .btn .spacer{background:#25d366;color:#062b14;box-shadow:0 3px 0 #178f45}
body.sn .sn-zaps{margin-top:12px}
body.sn .social-proof{margin:0 0 12px}

/* cartões de Ganhadores e Comunidade */
.sn-card{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:14px;width:100%;min-height:88px;padding:16px;border-radius:20px;border:1px solid var(--sn-linha);background:linear-gradient(180deg,var(--sn-card2),var(--sn-card));color:var(--sn-txt);font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 30px #0006;transition:border-color .18s,transform .18s}
.sn-card:active{transform:scale(.99)}
.sn-card-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fcd5351a;color:var(--sn-ouro2)}
.sn-card-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sn-card-foto{position:relative;width:56px;height:56px}
.sn-card-foto img{width:56px;height:56px;border-radius:16px;object-fit:cover}
.sn-card-foto .sn-bola{position:absolute;top:-3px;right:-3px;margin:0;width:13px;height:13px}
.sn-card-txt b{display:block;font-size:16px;font-weight:800}
.sn-card-txt small{display:block;margin-top:3px;color:var(--sn-mut);font-size:13.5px;line-height:1.45}
.sn-seta{color:var(--sn-ouro);font-size:30px;line-height:1;text-align:center}

/* sorteios: as caixas de sempre + aviso quando não há sorteio aberto + 3 passos */
.sn-sec .sg-box,.sn-sec .dr-box,.sn-sec .ol-box{margin:0 0 14px}
.sn-vazio{display:none;padding:20px;border-radius:20px;border:1px solid var(--sn-linha2);background:radial-gradient(420px 160px at 0 0,#fcd5351f,transparent 70%),var(--sn-card)}
#sorteios:not(:has(#sorteioBox:not([hidden]))):not(:has(#diarioBox:not([hidden]))):not(:has(#offliveBox:not([hidden]))) .sn-vazio{display:block}
.sn-vazio b{display:block;font-size:18px}
.sn-vazio p{margin:6px 0 16px;color:var(--sn-mut);font-size:14.5px;line-height:1.55}
.sn-vazio .sn-b{width:100%}
.sn-passos{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.sn-passos li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;border:1px solid var(--sn-linha);background:var(--sn-card);color:var(--sn-mut);font-size:14px;line-height:1.5}
.sn-passos b{display:block;color:var(--sn-txt);font-size:15px}
.sn-n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sn-ouro);color:#181a20;font-weight:800}

/* rodapé */
.sn-rodape{margin-top:40px;padding-top:28px;border-top:1px solid var(--sn-linha);color:var(--sn-mut);font-size:14px;line-height:1.55}
.sn-rodape p{margin:10px 0 0}
.sn-rod-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px}
.sn-rod-links a{display:inline-flex;align-items:center;min-height:40px;color:var(--sn-txt);text-decoration:none}
.sn-rodape .page-footer{justify-content:flex-start;padding-top:18px;text-align:left;font-size:12.5px}

/* o botão verde flutuante "Comunidade" sai: agora ele está no menu e na barra de baixo */
body.sn .mc-btn{display:none!important}

/* ---------- barra de abas (celular) ---------- */
.sn-tab{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:11;display:flex;justify-content:space-around;align-items:flex-end;padding:6px 4px;border-radius:22px;background:#1e2329f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--sn-linha2);box-shadow:0 14px 40px #000a}
.sn-tab a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;min-height:52px;padding:4px 0;color:var(--sn-mut);font-size:12px;font-weight:600;text-decoration:none;letter-spacing:-.1px}
.sn-tab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sn-tab-ico{position:relative;display:grid;place-items:center}
.sn-tab-ico .sn-bola{position:absolute;top:-2px;right:-6px;margin:0}
.sn-tab a.sn-ativo{color:var(--sn-ouro2)}
.sn-tab-meio{color:var(--sn-ouro2)!important}
.sn-tab-c{display:grid;place-items:center;width:50px;height:50px;margin-top:-26px;border-radius:50%;background:linear-gradient(180deg,var(--sn-ouro2),var(--sn-ouro));color:#181a20;border:4px solid var(--sn-bg);box-shadow:0 8px 22px #fcd5354d}
.sn-tab-c svg{width:24px;height:24px}
/* aviso de cookies, caixa do app ou outra caixa aberta: a barra sai da frente */
body.sn:has(#install:not([hidden])) .sn-tab,body.sn:has(#fl:not([hidden])) .sn-tab,body.sn:has(#av:not([hidden])) .sn-tab,body.sn:has(#gg:not([hidden])) .sn-tab,body.sn:has(#msgBox:not([hidden])) .sn-tab,body.sn:has(#msgFesta:not([hidden])) .sn-tab,body.sn:has(#msgZoom:not([hidden])) .sn-tab,body.sn:has(#howto:not([hidden])) .sn-tab,body.sn:has(.mc:not([hidden])) .sn-tab,body.sn:has(.mb:not([hidden])) .sn-tab,body.sn:has(#sgConf:not([hidden])) .sn-tab,body.sn:has(#drConf:not([hidden])) .sn-tab{display:none}

/* ---------- computador ---------- */
@media (min-width:900px){
  .sn-top-in{height:72px;padding:0 24px;gap:28px}
  .sn-logo{font-size:27px}
  .sn-nav{display:flex;gap:4px}
  .sn-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;color:var(--sn-mut);font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s}
  .sn-nav a:hover{color:var(--sn-txt);background:#ffffff0d}
  .sn-nav a.sn-ativo{color:var(--sn-ouro2);background:#fcd5351a}
  body.sn .wrap.sn-main{max-width:1120px;padding:24px 24px 64px}
  .sn-hero{padding-top:36px}
  .sn-hero-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
  .sn-hero-g.sn-sem-banner{grid-template-columns:1fr}
  .sn-hero-img{order:0;aspect-ratio:1}
  .sn-h1{font-size:60px}
  .sn-h2{font-size:40px}
  .sn-lead{font-size:18px;max-width:520px}
  .sn-acoes{flex-direction:row}
  .sn-sec{padding-top:64px}
  .sn-cab{display:grid;grid-template-columns:1fr minmax(0,420px);align-items:end;column-gap:32px}
  .sn-cab .sn-sobre{grid-column:1}
  .sn-cab .sn-h2{grid-column:1}
  .sn-cab-p{grid-column:2;grid-row:1/span 2;margin:0}
  .sn-sec .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .sn-sec .sg-box,.sn-sec .dr-box,.sn-sec .ol-box,.sn-vazio{max-width:720px}
  .sn-passos{flex-direction:row}
  .sn-passos li{flex:1}
  .sn-card{max-width:720px}
  .sn-tab{display:none}
  body.sn .btn:hover,.sn-card:hover{border-color:var(--sn-linha2);transform:translateY(-2px)}
}
@media (prefers-reduced-motion:reduce){body.sn *{transition:none!important}}

/* ---------- abas de verdade (27/10/2026, pedido do Jonas) ----------
   Cada aba mostra só a sua tela. Sem JavaScript (sem data-aba) aparece tudo, como antes. */
body.sn[data-aba] .sn-tela{display:none}
body.sn[data-aba="inicio"] #inicio,body.sn[data-aba="plataformas"] #plataformas,body.sn[data-aba="sorteios"] #sorteios,
body.sn[data-aba="comunidade"] #comunidade,body.sn[data-aba="perfil"] #perfil{display:block}
body.sn[data-aba] .sn-tela.sn-sec{padding-top:22px}
/* com sorteio aberto, o Início mostra o sorteio logo abaixo da capa (quem chega da live acha na hora) */
/* 28/10/2026 (jota): o Início não mostra mais os sorteios (eles ficam só na aba Sorteio) */
body.sn[data-aba="inicio"] #sorteios .sn-passos,body.sn[data-aba="inicio"] #sorteios .sn-cab-meio,body.sn[data-aba="inicio"] #sorteios .sn-card[data-sn="comunidade"]{display:none}
.sn-tela h1:focus,.sn-tela h2:focus{outline:none}

/* atalhos do Início */
.sn-atalhos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.sn-atalhos a{display:flex;flex-direction:column;gap:2px;min-height:96px;padding:14px;border-radius:18px;border:1px solid var(--sn-linha);background:linear-gradient(180deg,var(--sn-card2),var(--sn-card));color:var(--sn-txt);text-decoration:none;transition:border-color .18s,transform .18s}
.sn-atalhos a:active{transform:scale(.98)}
.sn-at-ico{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:12px;background:#fcd5351a;color:var(--sn-ouro2)}
.sn-at-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sn-atalhos b{font-size:15px}
.sn-atalhos small{color:var(--sn-mut);font-size:12.5px}

/* Plataformas em quadrados, 2 por linha (sem o aviso do e-mail: pedido do Jonas) */
body.sn .sn-plats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.sn .sn-plats .btn{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;height:100%;padding:16px 10px 12px;text-align:center}
body.sn .sn-plats .btn>img,body.sn .sn-plats .btn>.noimg{width:76px;height:76px;border-radius:20px;box-shadow:0 8px 20px #0007}
body.sn .sn-plats .btn .txt{display:block}
body.sn .sn-plats .btn .txt strong{display:block;font-size:13.5px;line-height:1.3}
body.sn .sn-plats .btn .txt small{display:none}
body.sn .sn-plats .btn .proof{margin:0;width:100%;padding:6px 8px;font-size:11.5px;line-height:1.35;align-items:center;text-align:center}
body.sn .sn-plats .btn .spacer{margin-top:auto;width:100%;height:40px;border-radius:999px;box-shadow:0 3px 0 var(--sn-ouro3);font-weight:800;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:6px}
body.sn .sn-plats .btn .spacer::before{content:"Jogar agora"}
body.sn .sn-plats .btn .spacer svg{width:16px;height:16px}
@media (min-width:900px){
  body.sn .sn-plats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  body.sn .sn-plats .btn{padding:24px 16px 16px}
  body.sn .sn-plats .btn>img{width:96px;height:96px}
  body.sn .sn-plats .btn .txt strong{font-size:15px}
  .sn-atalhos{grid-template-columns:repeat(4,1fr);max-width:none}
  .sn-atalhos a:hover{border-color:var(--sn-linha2);transform:translateY(-2px)}
}
body.sn[data-aba] .btn{animation:none}

/* 27/10/2026: Prêmios dentro da aba Sorteio e a aba Perfil */
.sn-cab-meio{margin-top:28px}
.sn-h3{margin:0;font:700 24px/1.15 var(--sn-serif);color:var(--sn-txt)}
a.sn-hero-img{display:block}
/* Aviso "Cadastre-se" no site novo: botão dourado (antes ficava preto) */
body.sn .cad-go{background:linear-gradient(180deg,var(--sn-ouro2),var(--sn-ouro));color:#181a20;box-shadow:0 4px 0 var(--sn-ouro3)}
body.sn .cad-go:active{box-shadow:0 2px 0 var(--sn-ouro3)}
/* --green vinha do :root (cor do tema antigo) e deixava botões pretos no site novo: aqui vira o dourado */
body.sn{--green:var(--sn-ouro)}
/* 28/10/2026: Comunidade = o mural, dentro da página (o topo e a barra de baixo continuam) */
body.sn.sn-mural-aba .mc{top:calc(61px + env(safe-area-inset-top));bottom:calc(86px + env(safe-area-inset-bottom));z-index:10}
body.sn.sn-mural-aba .sn-tab{display:flex!important}
body.sn.sn-mural-aba #comunidade{display:none!important}
body.sn.sn-mural-aba .mc-btn{display:none!important}
@media (min-width:900px){body.sn.sn-mural-aba .mc{bottom:0}}
/* WhatsApp no Início */
body.sn .sn-zaps-ini{margin-top:22px}
body.sn .sn-zaps-ini .sn-zaps{display:grid;gap:10px}
body.sn.sn-mural-aba .mc .mc-voltar{visibility:hidden}
body.sn a.sn-card{text-decoration:none}
/* 28/10/2026 (jota): o painel antigo "Últimos ganhadores" não aparece mais; os ganhadores ficam no mural da Comunidade */
body.sn #gg{display:none!important}
/* rodapé (28/10/2026): logo ao lado do texto; aviso 18+ numa linha só */
body.sn .sn-rod-marca{display:flex;align-items:center;gap:12px}
body.sn .sn-rod-marca p{margin:0;font-size:14px;line-height:1.4;color:#929aa5}
body.sn .sn-rod-marca img{flex:none}
body.sn .sn-rod-18{display:flex;align-items:center;gap:8px;margin:16px 0 0;white-space:nowrap;font-size:clamp(10px,3.1vw,13px)}
@media (max-width:380px){body.sn .sn-rod-18 .age-mark{transform:scale(.85)}body.sn .sn-rod-18{gap:4px;font-size:10.5px}}
body.sn .sn-rod-18 .age-mark{flex:none}
body.sn .sn-rod-18 span:last-child{overflow:hidden;text-overflow:ellipsis}
/* 28/10/2026 (jota): sem os blocos verdes do WhatsApp no Início; vira uma lista sóbria no padrão do site */
body.sn .sn-zaps-ini .sn-zaps{display:block;border-radius:12px;border:1px solid #2b3139;background:#1e2329;overflow:hidden}
body.sn .sn-zaps-ini .btn{display:grid!important;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:72px;margin:0!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;animation:none!important}
body.sn .sn-zaps-ini .btn+.btn{border-top:1px solid #2b3139!important}
body.sn .sn-zaps-ini .btn>img,body.sn .sn-zaps-ini .btn .proof,body.sn .sn-zaps-ini .btn .badge{display:none!important}
body.sn .sn-zaps-ini .btn::before{content:"";width:44px;height:44px;border-radius:10px;background:#2b3139;grid-row:1}
body.sn .sn-zaps-ini .btn::after{content:"";position:absolute;left:27px;width:22px;height:22px;background:#fcd535;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
body.sn .sn-zaps-ini .btn{position:relative}
body.sn .sn-zaps-ini .btn[data-id=whats]{--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010v4l11%205V5z%22%2F%3E%3Cpath%20d%3D%22M15%209a3%203%200%200%201%200%206M7%2015l1%205h3l-1-4%22%2F%3E%3C%2Fsvg%3E")}
body.sn .sn-zaps-ini .btn[data-id=comunidade]{--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2020a6.5%206.5%200%200%201%2013%200M16%204.5a3.5%203.5%200%200%201%200%207M18%2014a6%206%200%200%201%203.5%206%22%2F%3E%3C%2Fsvg%3E")}
body.sn .sn-zaps-ini .btn .txt{display:grid;gap:2px;text-align:left}
body.sn .sn-zaps-ini .btn .txt strong{font-size:15px;font-weight:700;text-transform:none;color:#eaecef;letter-spacing:0}
body.sn .sn-zaps-ini .btn .txt small{display:block!important;font-size:13px;color:#929aa5;background:none!important;border:0!important;padding:0!important;margin:0!important}
body.sn .sn-zaps-ini .btn .spacer{all:unset;width:20px;height:20px;color:#fcd535}
body.sn .sn-zaps-ini .btn .spacer::before{content:none!important}
body.sn .sn-zaps-ini .btn .spacer svg{width:18px;height:18px}
body.sn .sn-zaps-ini .sn-sobre::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020l1.3-3.9A8%208%200%201%201%208%2018.9z%22%2F%3E%3Cpath%20d%3D%22M9.2%208.6c.2-.5.6-.6.9-.6h.4c.2%200%20.4.1.5.4l.6%201.4c.1.2%200%20.5-.1.7l-.4.5c.5%201%201.3%201.8%202.3%202.3l.5-.4c.2-.2.5-.2.7-.1l1.4.6c.3.1.4.3.4.5v.4c0%20.3-.1.7-.6.9-.9.4-2%20.3-3.5-.6a8.6%208.6%200%200%201-2.9-2.9c-.9-1.5-1-2.6-.6-3.5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020l1.3-3.9A8%208%200%201%201%208%2018.9z%22%2F%3E%3Cpath%20d%3D%22M9.2%208.6c.2-.5.6-.6.9-.6h.4c.2%200%20.4.1.5.4l.6%201.4c.1.2%200%20.5-.1.7l-.4.5c.5%201%201.3%201.8%202.3%202.3l.5-.4c.2-.2.5-.2.7-.1l1.4.6c.3.1.4.3.4.5v.4c0%20.3-.1.7-.6.9-.9.4-2%20.3-3.5-.6a8.6%208.6%200%200%201-2.9-2.9c-.9-1.5-1-2.6-.6-3.5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* Início: sem o "baixe o app" (fica só na aba Sorteio) e sem o aviso de live pedindo para instalar */
body.sn #inicioOla .ola-sit:not(.ola-sit-ok),body.sn #inicioOla .sn-acoes{display:none!important}
body.sn #liveBox[data-state=app],body.sn #install{display:none!important}
/* acerto da lista do WhatsApp: título e frase um embaixo do outro, sem o brilho da seta */
body.sn .sn-zaps-ini .btn .txt{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;grid-column:2;grid-row:1;min-width:0}
body.sn .sn-zaps-ini .btn .txt strong,body.sn .sn-zaps-ini .btn .txt small{grid-column:auto;grid-row:auto}
body.sn .sn-zaps-ini .btn .txt strong{font-size:14px;letter-spacing:.2px}
body.sn .sn-zaps-ini .btn::before{grid-column:1}
body.sn .sn-zaps-ini .btn .spacer{grid-column:3;grid-row:1;display:grid;place-items:center;overflow:visible;background:none;box-shadow:none}
body.sn .sn-zaps-ini .btn .spacer::after{content:none!important;animation:none!important}
body.sn .sn-zaps-ini .btn .spacer svg{animation:none}
body.sn .sn-plats .btn .proof{text-wrap:balance}
/* 29/10/2026 (jota: "a área da comunidade está ruim"): no aplicativo do iPhone o topo do mural somava o espaço do relógio
   duas vezes (faixa cinza vazia); a seta de voltar invisível deixava um buraco antes da foto; balões mais largos. */
body.sn.sn-mural-aba .mc .mc-topo{padding:12px 16px}
body.sn.sn-mural-aba .mc .mc-voltar{display:none}
body.sn.sn-mural-aba .mc .mc-balao{max-width:min(86%,440px)}
body.sn.sn-mural-aba .mc .mc-ganhador{width:100%}
body.sn.sn-mural-aba .mc .mc-lista{padding-bottom:24px}
body.sn.sn-mural-aba .mc .mc-tela{height:100%;max-height:100%;min-height:0}
body.sn.sn-mural-aba .mc .mc-rodape{padding-bottom:14px}
body.sn.sn-mural-aba .mc .mc-balao:has(.mc-ganhador){width:min(86%,440px)}

/* 29/10/2026 (jota): caixa do aviso de live (só aparece no aplicativo) estava espremida numa coluna fininha.
   Agora: sininho + texto em cima, botão largo embaixo. */
body.sn .live-box{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"ico txt" "btn btn";gap:12px 14px;padding:16px;border-radius:14px;background:#1e2329;border:1px solid #2b3139}
body.sn .live-box .lb-icon{grid-area:ico;position:relative;width:48px;height:48px;border-radius:12px;background:#f0b90b1f;border:1px solid #f0b90b55;font-size:0;color:transparent}
body.sn .live-box .lb-icon::after{content:"";position:absolute;inset:12px;background:#f0b90b;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z%22/%3E%3Cpath%20d%3D%22M10%2020a2%202%200%200%200%204%200%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z%22/%3E%3Cpath%20d%3D%22M10%2020a2%202%200%200%200%204%200%22/%3E%3C/svg%3E") center/contain no-repeat}
body.sn .live-box .lb-txt{grid-area:txt;gap:4px}
body.sn .live-box .lb-title{font-size:16px;color:#eaecef}
body.sn .live-box .lb-sub{font-size:14px;color:#929aa5;text-wrap:pretty}
body.sn .live-box .lb-btn{grid-area:btn;width:100%;min-height:50px;border-radius:8px;font-size:16px}
body.sn .live-box[data-state=on] .lb-icon{background:#0ecb811f;border-color:#0ecb8155}
body.sn .live-box[data-state=on] .lb-icon::after{background:#0ecb81}
/* 29/10/2026 (jota: "ficou muito grande, dava para aparecer 4"): cartão de ganhador compacto na aba Comunidade.
   Linha 1: Temos ganhador! · Sorteio diário. Linha 2: nome e telefone à esquerda, prêmio à direita. */
body.sn.sn-mural-aba .mc .mc-balao-ganhador{padding:8px 12px 5px;gap:4px}
body.sn.sn-mural-aba .mc .mc-balao-ganhador .mc-autor-linha{display:none}
body.sn.sn-mural-aba .mc .mc-ganhador{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tit tit" "quem pr";gap:6px 10px;align-items:center;padding:2px 0 0}
body.sn.sn-mural-aba .mc .mc-g-titulo{grid-area:tit;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
body.sn.sn-mural-aba .mc .mc-g-temos{font-size:15px;line-height:20px}
body.sn.sn-mural-aba .mc .mc-g-sorteio{font-size:12px;line-height:16px}
body.sn.sn-mural-aba .mc .mc-g-quem{grid-area:quem;padding:0;background:none;border:0;min-width:0}
body.sn.sn-mural-aba .mc .mc-g-nome{font-size:15px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
body.sn.sn-mural-aba .mc .mc-g-fone{font-size:12px;line-height:15px}
body.sn.sn-mural-aba .mc .mc-g-premio{grid-area:pr}
body.sn.sn-mural-aba .mc .mc-g-rotulo{display:none}
body.sn.sn-mural-aba .mc .mc-g-valor{padding:5px 11px;font-size:14px;white-space:nowrap}
body.sn.sn-mural-aba .mc .mc-balao-ganhador .mc-hora,body.sn.sn-mural-aba .mc .mc-balao-ganhador time{font-size:11px}
body.sn .live-box .lb-icon.ic-vazio{display:block!important}
body.sn #cad{display:none!important}
/* 29/10/2026 (jota, fotos do computador): na Comunidade do computador a barra de baixo não aparece, o mural fica
   centralizado na mesma largura do site e começa logo abaixo do menu de cima (que no computador é mais alto). */
@media (min-width:900px){
  body.sn.sn-mural-aba .sn-tab{display:none!important}
  body.sn.sn-mural-aba .mc{top:73px;bottom:0}
  body.sn.sn-mural-aba .mc .mc-tela{max-width:1120px;margin:0 auto;border-left:1px solid #2b3139;border-right:1px solid #2b3139}
}
/* 31/10/2026 (jota): aviso de live desligado = só "Notificação da live" e, na linha de baixo, o botão "Ativar" */
body.sn .live-box[data-state=off]{align-items:center}
body.sn .live-box .lb-sub:empty{display:none}
/* 31/10/2026 (jota): "Notificação da live" centralizado e em letras maiúsculas (sem o ícone ao lado) */
body.sn .live-box[data-state=off]{grid-template-columns:1fr;grid-template-areas:"txt" "btn"}
body.sn .live-box[data-state=off] .lb-icon{display:none!important}
body.sn .live-box[data-state=off] .lb-txt{text-align:center;justify-items:center}
body.sn .live-box[data-state=off] .lb-title{text-transform:uppercase;letter-spacing:.06em;font-size:17px;font-weight:900}
/* 31/10/2026 (jota): o sininho ao lado de NOTIFICAÇÃO DA LIVE, os dois juntos no meio */
body.sn .live-box[data-state=off] .lb-title{display:inline-flex;align-items:center;gap:10px}
body.sn .live-box[data-state=off] .lb-title::before{content:"";flex:none;width:22px;height:22px;background:#f0b90b;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z%22/%3E%3Cpath%20d%3D%22M10%2020a2%202%200%200%200%204%200%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z%22/%3E%3Cpath%20d%3D%22M10%2020a2%202%200%200%200%204%200%22/%3E%3C/svg%3E") center/contain no-repeat}
body.sn .live-box[data-state=off] .lb-txt{display:flex;flex-direction:column;align-items:center}
body.sn .live-box[data-state=off] .lb-title{align-self:center;margin:0 auto}
/* 31/10/2026 (jota: "todos os ícones têm que seguir o padrão do designer"): o sininho volta na caixinha dourada do padrão
   (a mesma da LIVE PRINCIPAL), ao lado do título; os dois no meio e o botão Ativar embaixo */
body.sn .live-box[data-state=off]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
body.sn .live-box[data-state=off] .lb-icon{display:block!important;width:52px;height:52px;border-radius:14px}
body.sn .live-box[data-state=off] .lb-icon::after{inset:13px}
body.sn .live-box[data-state=off] .lb-txt{flex:0 1 auto;display:block}
body.sn .live-box[data-state=off] .lb-title::before{display:none}
body.sn .live-box[data-state=off] .lb-btn{flex:1 1 100%}
/* 31/10/2026 (jota): ícone encostado na esquerda e o texto no meio do cartão */
body.sn .live-box[data-state=off]{display:grid;grid-template-columns:52px 1fr 52px;grid-template-areas:"ico txt ." "btn btn btn";justify-content:stretch;align-items:center}
body.sn .live-box[data-state=off] .lb-txt{text-align:center;display:flex;justify-content:center}
/* o título cabe numa linha só (até 360px): centralizado no espaço ao lado do ícone */
body.sn .live-box[data-state=off]{grid-template-columns:52px 1fr;grid-template-areas:"ico txt" "btn btn"}
body.sn .live-box[data-state=off] .lb-title{white-space:nowrap;font-size:16px;letter-spacing:.04em}