/* stakes1.com.br — cores e formas da interface da Stake; fonte Figtree (parecida com a da Stake) */
@font-face{font-family:"Figtree";src:url("/estatico/fontes/figtree.woff2") format("woff2");font-weight:400 800;font-display:swap}
:root{
  --fundo:#0f212e;--painel:#1a2c38;--painel2:#213743;--linha:#2f4553;--linha2:#3d5564;
  --texto:#b1bad3;--claro:#fff;--suave:#8b97ad;--azul:#1475e1;--azul2:#1a86ff;--verde:#00e701;--verde2:#1fff20;--tinta:#05121b;
  --cinza:#2f4553;--cinza2:#3d5564;--erro:#ff4d4d;--raio:8px;--raio2:12px;
  --sombra:0 6px 20px rgba(0,0,0,.35);
  --larg:1180px;--texto-larg:780px;
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--fundo);color:var(--texto);font-size:17px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul2);text-underline-offset:3px}
a:hover{color:#5aa8ff}
h1,h2,h3,h4{color:var(--claro);line-height:1.22;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.4vw,2.9rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.45rem,3vw,1.95rem);margin:1.9em 0 .6em}
h3{font-size:1.2rem;margin:1.5em 0 .45em}
p,ul,ol{margin:0 0 1em}
strong{color:var(--claro)}
code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:var(--painel2);padding:.1em .35em;border-radius:5px;color:var(--claro)}
:focus-visible{outline:3px solid var(--azul2);outline-offset:2px}
.pular{position:absolute;left:-9999px;top:8px;background:var(--azul);color:#fff;padding:8px 14px;border-radius:var(--raio);z-index:100}
.pular:focus{left:12px}
.moldura{max-width:var(--larg);margin:0 auto;padding:0 20px}
.so-largo{display:inline}.so-curto{display:none}

/* ---------- botões */
.acao{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:46px;padding:0 22px;border-radius:var(--raio);
  background:var(--azul);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid #2f8cff;
  box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.2}
.acao:hover{background:#1268c9;color:#fff}
.acao--app{background:var(--cinza);border-color:var(--cinza2)}
.acao--app:hover{background:var(--cinza2)}
.acao--jogar{background:var(--verde);color:var(--tinta);border-color:var(--verde2);min-height:40px;padding:0 16px;font-size:.95rem}
.acao--jogar:hover{background:var(--verde2);color:var(--tinta)}
.acao--topo{min-height:40px;padding:0 16px;font-size:.95rem}

/* ---------- topo */
.topo{position:sticky;top:0;z-index:50;background:#0f212ef2;backdrop-filter:blur(8px);border-bottom:1px solid #1b2f3c;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.topo__linha{display:flex;align-items:center;gap:18px;min-height:66px}
.selo{display:flex;align-items:center;flex:0 0 auto;color:#fff}
.selo__svg{width:118px;height:auto}
.selo__palavra{fill:#fff}
.rota{flex:1 1 auto}
.rota__lista{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.rota__item{position:relative}
.rota__topo,.rota summary{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:var(--raio);color:var(--claro);font-weight:700;
  font-size:.97rem;text-decoration:none;cursor:pointer;list-style:none}
.rota summary::-webkit-details-marker{display:none}
.rota summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--suave);border-bottom:2px solid var(--suave);transform:rotate(45deg) translateY(-2px)}
.rota__topo:hover,.rota summary:hover,.rota details[open] summary{background:var(--painel2);color:#fff}
.rota__sub{position:absolute;left:0;top:calc(100% + 6px);min-width:240px;list-style:none;margin:0;padding:8px;background:var(--painel);
  border:1px solid var(--linha);border-radius:var(--raio2);box-shadow:var(--sombra);z-index:60}
.rota__sub a{display:block;padding:8px 12px;border-radius:6px;color:var(--texto);text-decoration:none;font-weight:600;font-size:.95rem}
.rota__sub a:hover{background:var(--painel2);color:#fff}
.topo__acoes{display:flex;gap:8px;flex:0 0 auto;margin-left:auto}
.topo__menu{display:none;align-items:center;gap:8px;background:var(--painel2);border:1px solid var(--linha);color:#fff;border-radius:var(--raio);
  min-height:40px;padding:0 12px;font:inherit;font-weight:700;cursor:pointer}
.topo__barras,.topo__barras::before,.topo__barras::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative}
.topo__barras::before,.topo__barras::after{content:"";position:absolute;left:0}
.topo__barras::before{top:-6px}.topo__barras::after{top:6px}

/* ---------- trilha, sumário */
.trilha{max-width:var(--larg);margin:14px auto 0;padding:0 20px;font-size:.88rem}
.trilha ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;color:var(--suave)}
.trilha li+li::before{content:"›";margin-right:6px;color:var(--linha2)}
.trilha a{color:var(--suave);text-decoration:none}.trilha a:hover{color:#fff}
.sumario{margin:22px 0;background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2)}
.sumario summary{padding:14px 18px;font-weight:800;color:#fff;cursor:pointer}
.sumario ol{margin:0;padding:0 18px 16px 40px;columns:2 260px;column-gap:30px}
.sumario li{margin:.25em 0;break-inside:avoid}
.sumario a{color:var(--texto);text-decoration:none}.sumario a:hover{color:#fff;text-decoration:underline}

/* ---------- conteúdo */
main{display:block}
.texto,.bloco,.abertura,.faixa,.sumario,.leia{max-width:var(--larg);margin-left:auto;margin-right:auto}
.coluna{max-width:var(--texto-larg)}
main>*:not(.abertura):not(.faixa){padding-left:20px;padding-right:20px}
.bloco{scroll-margin-top:84px}
.bloco>p,.bloco>ul:not([class]),.bloco>ol:not([class]),.bloco>h2,.bloco>h3,.bloco>.passos,.bloco>.nota{max-width:var(--texto-larg)}
.bloco ul:not([class]),.bloco ol:not([class]){padding-left:1.3em}
.bloco li{margin:.3em 0}
.nota{background:var(--painel);border-left:4px solid var(--azul);padding:14px 18px;border-radius:0 var(--raio) var(--raio) 0;color:var(--texto)}
.nota--alerta{border-left-color:#f5b400}
.mais{font-size:.95rem;color:var(--suave)}

/* ---------- abertura (hero) */
.abertura{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding:30px 20px 18px}
.abertura__pre{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--verde);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}
.abertura__lead{font-size:1.12rem;color:#d2d8e6}
.abertura__acoes{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}
.abertura__acoes .acao{min-height:52px;font-size:1.05rem;padding:0 26px}
.abertura__nota{font-size:.86rem;color:var(--suave);margin:0}
.abertura--simples{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.dupla{position:relative;padding:0 0 34px 0}
.dupla__pc{border-radius:var(--raio2);border:1px solid var(--linha);box-shadow:var(--sombra);width:100%}
.dupla__tel{position:absolute;right:-6px;bottom:0;width:30%;max-width:200px;border-radius:22px;border:4px solid #0a1720;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.selos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.selos li{background:var(--painel2);border:1px solid var(--linha);border-radius:999px;padding:5px 12px;font-size:.85rem;color:#d2d8e6;font-weight:600}

/* ---------- imagens */
.tela{margin:22px 0;max-width:var(--texto-larg)}
.tela img{border-radius:var(--raio2);border:1px solid var(--linha);box-shadow:var(--sombra);width:auto;max-width:100%}
.tela--tel{max-width:300px}
.tela--tel img{border-radius:22px;border:4px solid #0a1720}
.lado{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start;max-width:var(--larg)}
.lado .tela{margin-top:6px}
.galeria{overflow-x:auto;margin:22px 0;padding-bottom:6px}
.galeria ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.galeria li{flex:0 0 230px}
.galeria img{border-radius:20px;border:4px solid #0a1720;box-shadow:var(--sombra)}

/* ---------- cards de jogos */
.jogos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;list-style:none;margin:20px 0;padding:0}
.jogo{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"capa nome" "capa linha" "dados dados" "botao botao";
  column-gap:14px;background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2);padding:14px}
.jogo__capa{grid-area:capa;width:96px;border-radius:var(--raio)}
.jogo__nome{grid-area:nome;margin:0 0 4px;font-size:1.15rem}
.jogo__nome a{color:#fff;text-decoration:none}.jogo__nome a:hover{text-decoration:underline}
.jogo__linha{grid-area:linha;font-size:.92rem;line-height:1.5;margin:0}
.jogo__dados{grid-area:dados;display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}
.jogo__dados div{background:var(--painel2);border-radius:6px;padding:5px 10px;font-size:.85rem}
.jogo__dados dt{display:inline;color:var(--suave);margin-right:5px}
.jogo__dados dd{display:inline;margin:0;color:#fff;font-weight:700}
.jogo .acao{grid-area:botao;width:100%}
.vitrine,.modalidades{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;list-style:none;margin:20px 0;padding:0}
.vitrine__item,.modal-esporte{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2);padding:10px;display:flex;flex-direction:column}
.vitrine__item img,.modal-esporte img{border-radius:var(--raio);width:100%}
.vitrine__nome,.modal-esporte__nome{font-size:1rem;margin:10px 0 2px;line-height:1.3}
.modal-esporte__nome a{color:#fff;text-decoration:none}.modal-esporte__nome a:hover{text-decoration:underline}
.vitrine__estudio{font-size:.82rem;color:var(--suave);margin:0 0 10px}
.modal-esporte p{font-size:.86rem;line-height:1.45;margin:0 0 10px}
.vitrine__item .acao,.modal-esporte .acao{margin-top:auto;width:100%}

/* ---------- tabelas */
.rolagem{overflow-x:auto;margin:20px 0;border-radius:var(--raio2);border:1px solid var(--linha);max-width:var(--larg)}
table{width:100%;border-collapse:collapse;background:var(--painel);font-size:.95rem}
caption{text-align:left;padding:14px 16px;font-weight:800;color:#fff;background:var(--painel2);caption-side:top}
th,td{padding:11px 14px;text-align:left;border-top:1px solid var(--linha);vertical-align:top}
thead th{color:var(--suave);font-weight:700;font-size:.86rem;background:#16303d;white-space:nowrap}
tbody th{color:#fff;font-weight:700}
.ficha tbody th{width:32%}
.cota{display:inline-block;background:var(--painel2);border:1px solid var(--linha);border-radius:6px;padding:3px 10px;color:var(--azul2);font-weight:800}
.odds td,.odds th{vertical-align:middle}
.odds .acao{min-height:34px;padding:0 12px;font-size:.88rem}
.sim{color:var(--verde);font-weight:700}.nao{color:var(--suave)}
table.larga{min-width:640px}

/* ---------- prós e contras, passos, cartões de texto */
.pesos{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:var(--larg);margin:20px 0}
.pesos>div{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2);padding:18px 20px}
.pesos h3{margin-top:0}
.pesos ul{list-style:none;padding:0;margin:0}
.pesos li{position:relative;padding-left:26px;margin:.5em 0}
.pesos li::before{position:absolute;left:0;top:0;font-weight:800}
.pesos__pro li::before{content:"+";color:var(--verde)}
.pesos__contra li::before{content:"–";color:var(--erro)}
.passos{counter-reset:p;list-style:none;padding:0!important;margin:20px 0}
.passos li{counter-increment:p;position:relative;padding:12px 16px 12px 58px;margin:10px 0;background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2)}
.passos li::before{content:counter(p);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--azul);color:#fff;
  font-weight:800;display:grid;place-items:center;font-size:.95rem}
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;list-style:none;padding:0!important;margin:20px 0;max-width:var(--larg)}
.cartoes li{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2);padding:16px 18px;margin:0}
.cartoes h3{margin:0 0 6px;font-size:1.05rem}
.cartoes p{margin:0;font-size:.94rem}
.linha-tempo{list-style:none;padding:0!important;margin:22px 0;max-width:var(--texto-larg);border-left:3px solid var(--linha2)}
.linha-tempo li{position:relative;padding:4px 0 14px 22px;margin:0}
.linha-tempo li::before{content:"";position:absolute;left:-8px;top:10px;width:13px;height:13px;border-radius:50%;background:var(--azul);border:2px solid var(--fundo)}
.linha-tempo strong{display:block}

/* ---------- faixa de chamada */
.faixa{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px auto;padding:22px 26px;border-radius:var(--raio2);
  background:linear-gradient(110deg,#123a5c,#1a2c38 60%);border:1px solid #23527e;max-width:calc(var(--larg) - 40px)}
.faixa__titulo{color:#fff;font-weight:800;font-size:1.2rem;margin:0 0 4px}
.faixa p{margin:0}
.faixa .acao{flex:0 0 auto;min-height:50px}

/* ---------- FAQ, leia também, código */
.pergunta{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);margin:10px 0;max-width:var(--texto-larg)}
.pergunta summary{padding:14px 44px 14px 18px;font-weight:700;color:#fff;cursor:pointer;position:relative;list-style:none}
.pergunta summary::-webkit-details-marker{display:none}
.pergunta summary::after{content:"+";position:absolute;right:18px;top:11px;font-size:1.4rem;color:var(--azul2)}
.pergunta[open] summary::after{content:"–"}
.pergunta__resp{padding:0 18px 4px}
.leia{margin:34px auto;padding:0 20px}
.leia__titulo{font-weight:800;color:#fff;margin:0 0 8px}
.leia ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.leia a{display:inline-block;background:var(--painel);border:1px solid var(--linha);border-radius:999px;padding:7px 14px;text-decoration:none;color:#d2d8e6;font-weight:600;font-size:.93rem}
.leia a:hover{border-color:var(--azul);color:#fff}
.codigo{background:var(--painel);border:1px dashed var(--azul);border-radius:var(--raio2);padding:16px 18px;margin:20px 0;max-width:var(--texto-larg)}
.codigo--vazio{color:var(--texto)}
.codigo__valor code{font-size:1.4rem;padding:.2em .6em}

/* ---------- ferramentas */
.ferramenta{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio2);padding:20px;margin:22px 0;max-width:var(--texto-larg)}
.ferramenta__form{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;align-items:end}
.ferramenta__grupo{display:contents}
.ferramenta__grupo[hidden]{display:none}
.campo label{display:block;font-weight:700;color:#fff;font-size:.93rem;margin-bottom:5px}
.campo input,.campo select{width:100%;min-height:44px;background:#0f212e;border:1px solid var(--linha2);border-radius:var(--raio);color:#fff;padding:0 12px;font:inherit}
.campo small{display:block;color:var(--suave);font-size:.82rem;margin-top:4px;line-height:1.4}
.campo--busca{max-width:var(--texto-larg);margin:10px 0 20px}
.campo__nota{color:var(--suave);font-size:.9rem;margin:6px 0 0}
.ferramenta__saida{margin-top:16px;padding:14px 16px;background:#0f212e;border-radius:var(--raio);color:#e1e6f0;min-height:52px}
.ferramenta__saida p{margin:.2em 0}
.minado{display:grid;grid-template-columns:repeat(5,34px);gap:5px;margin-top:10px}
.minado span{height:34px;border-radius:6px;background:var(--painel2)}
.minado .minado__mina{background:var(--erro)}

/* ---------- rodapé e doca */
.rodape{margin-top:60px;background:#0b1a24;border-top:1px solid #1b2f3c;padding:40px 0 110px;font-size:.93rem}
.rodape__cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}
.rodape__titulo{color:#fff;font-weight:800;margin:0 0 8px}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin:.35em 0}
.rodape a{color:var(--texto);text-decoration:none}.rodape a:hover{color:#fff;text-decoration:underline}
.rodape__redes{margin-top:30px}
.redes{display:flex;flex-wrap:wrap;gap:10px;list-style:none!important;padding:0!important;margin:0}
.redes__link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--painel2);border:1px solid var(--linha)}
.redes__link svg{fill:#d2d8e6}
.rodape .redes__link:hover,.redes__link:hover{background:var(--azul);border-color:var(--azul2);text-decoration:none}
.redes__link:hover svg{fill:#fff}
.rodape__legal{margin-top:28px;border-top:1px solid #1b2f3c;padding-top:18px;color:var(--suave)}
.idade{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--erro);color:#fff;font-weight:800;font-size:.8rem;margin-right:8px;vertical-align:middle}
.doca{display:none}

/* ---------- responsivo */
@media (max-width:1100px){
  .topo__menu{display:inline-flex}
  .topo__linha{flex-wrap:wrap;gap:10px}
  .rota{display:none;order:5;flex-basis:100%}
  .menu-aberto .rota{display:block}
  html:not(.js) .rota{display:block}
  .rota__lista{flex-direction:column;align-items:stretch;padding:4px 0 14px}
  .rota__sub{position:static;box-shadow:none;margin:4px 0 6px 10px;min-width:0}
  .rota__topo,.rota summary{padding:12px}
}
@media (max-width:900px){
  .abertura,.abertura--simples{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:18px}
  .lado{grid-template-columns:minmax(0,1fr)}
  .lado .tela--tel{max-width:240px}
  .pesos{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .moldura{padding:0 14px}
  main>*:not(.abertura):not(.faixa){padding-left:16px;padding-right:16px}
  .abertura{padding:14px 16px}
  .trilha{padding:0 16px}
  .selo__svg{width:96px}
  .so-largo{display:none}.so-curto{display:inline}
  .topo__acoes .acao{padding:0 12px}
  .topo__rotulo{display:none}
  .faixa{flex-direction:column;align-items:stretch;margin:28px 16px;padding:18px}
  .faixa .acao{width:100%}
  .abertura__acoes .acao{flex:1 1 100%}
  .jogos{grid-template-columns:1fr}
  .vitrine,.modalidades{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .doca{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:#0b1a24f5;border-top:1px solid var(--linha);backdrop-filter:blur(6px)}
  .doca .acao{flex:1 1 auto;min-height:46px}
  .doca .acao--app{flex:0 0 auto}
  th,td{padding:9px 10px}
  .sumario ol{columns:1}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}