/* Cripto.ico · aviso da parceria com a Bitget (28/10/2026), só na página inicial. Visual aprovado pelo dono na prévia
   (_alvos-reais/bitget/site/previa-site.html). Carregado depois do acabamento.css.
   Material: o mesmo vidro dos cards do site e da janela da lista de espera (secoes.css, "seções do site no mesmo padrão"):
   fumê com desfoque de 16 px, tinta verde no canto de cima e roxa no de baixo, filete verde em cima e roxo embaixo.
   Luz que acompanha o mouse na borda: a mesma da janela da lista de espera (site.css, .wl-box).
   Botão: o botão principal do site (secoes.css, "botões principais", e acabamento.css).
   Movimento: o cartão chega com mola leve (escala 0,96 para 1, 0,6 s). Com "reduzir movimento", tudo aparece pronto.
   O véu e o cartão são irmãos (não um dentro do outro): assim o desfoque do cartão enxerga a página de verdade. */
.av-parceria{
  --av-saida:cubic-bezier(.33,1,.68,1);
  /* mola leve: passa uns 8% e assenta em ~0,6 s (a curva da skill de design) */
  --av-mola:linear(0,.0527,.1801,.3433,.5136,.6718,.8066,.913,.9904,1.0416,1.0706,1.0825,1.0821,1.0737,1.0611,1.0468,1.033,1.0208,1.0109,1.0034,.9982,.995,.9934,.993,1);
  --av-ease:var(--ease-out,cubic-bezier(.23,1,.32,1));
  position:fixed;inset:0;z-index:80;
  display:flex;
  padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  font-family:var(--font,"Geist","Helvetica Neue",Helvetica,Arial,sans-serif);line-height:1.6;
}
@supports not (transition-timing-function:linear(0,1)){
  .av-parceria{--av-mola:cubic-bezier(.34,1.56,.64,1)}
}
.av-parceria[hidden]{display:none}
/* página travada enquanto o aviso está aberto */
html.av-trava{overflow:hidden}

.av-veu{
  position:fixed;inset:0;
  background:rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  animation:av-surge 600ms var(--av-saida) both;
}

.av-cartao{
  --mx:50%;--my:0%;
  position:relative;margin:auto;
  width:min(100%,440px);padding:28px 28px 20px;
  border:1px solid;border-radius:20px;
  border-color:rgba(57,255,20,.5) rgba(255,255,255,.2) rgba(176,38,255,.6) rgba(255,255,255,.2);
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(57,255,20,.14),transparent 46%),
    radial-gradient(120% 90% at 100% 100%,rgba(176,38,255,.16),transparent 50%),
    rgba(18,18,22,.6);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px -26px #000;
  color:var(--text,#D6D6D6);text-align:left;
  animation:av-escala 600ms var(--av-mola) both,av-surge 600ms var(--av-saida) both;
}
/* navegador sem desfoque: o mesmo cartão, mais fechado, para o texto continuar legível */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .av-veu{background:rgba(0,0,0,.72)}
  .av-cartao{background:radial-gradient(120% 90% at 0% 0%,rgba(57,255,20,.14),transparent 46%),radial-gradient(120% 90% at 100% 100%,rgba(176,38,255,.16),transparent 50%),rgba(14,14,17,.94)}
}
.av-cartao::before,.av-cartao::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.av-cartao::before{
  padding:1px;
  background:radial-gradient(260px circle at var(--mx) var(--my),rgba(57,255,20,.75),rgba(57,255,20,.18) 38%,transparent 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:.55;transition:opacity .3s ease;
}
.av-cartao::after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 55%);opacity:0;transition:opacity .3s ease}
.av-cartao.lit::before,.av-cartao.lit::after{opacity:1}
.av-cartao>*{position:relative;z-index:1}
.av-parceria :focus-visible{outline:2px solid var(--green,#39FF14);outline-offset:3px}
/* o cartão recebe o foco ao abrir (para o leitor de tela anunciar o aviso), sem contorno: o contorno aparece no primeiro Tab, nos botões */
.av-parceria .av-cartao:focus,.av-parceria .av-cartao:focus-visible{outline:none}

.av-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px -12px 0 0}
.av-marcas{display:flex;align-items:center;gap:14px;min-width:0}
.av-logo{display:block;flex:none;width:auto;max-width:none}
/* a logo da Cripto.ico tem o símbolo e o ".ico" pequeno ao lado. A palavra "Bitget" ocupa a altura toda do desenho dela: mais baixa, as duas ficam com o mesmo peso */
.av-logo.cripto{height:25px}
.av-logo.bitget{height:17px;color:#fff}
.av-traco{flex:none;width:1px;height:20px;background:rgba(255,255,255,.24)}

/* fechar: o mesmo X redondo da janela da lista de espera, com área de toque de 44 px */
.av-x{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--white,#fff);cursor:pointer;transition:scale .16s var(--av-ease)}
.av-x::before{content:"";position:absolute;inset:4px;border-radius:inherit;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);transition:border-color .25s var(--av-ease)}
.av-x svg{position:relative;display:block}
.av-x:hover::before{border-color:rgba(57,255,20,.5)}
.av-x:active{scale:.97}

.av-selo{
  display:inline-flex;align-items:center;height:26px;margin-top:20px;padding:0 11px;
  border:1px solid rgba(57,255,20,.4);border-radius:999px;background:rgba(57,255,20,.06);
  font:500 12.5px/1 var(--font,"Geist",sans-serif);letter-spacing:.01em;color:var(--green,#39FF14);
}

.av-parceria .av-cartao h2{margin:14px 0 10px;padding:0;color:var(--white,#fff);font-weight:600;font-size:clamp(22px,1.4vw + 17px,27px);line-height:1.12;letter-spacing:-.03em;text-wrap:balance;max-width:none}
.av-parceria .av-texto{margin:0;padding:0;max-width:none;font-size:15px;line-height:1.55;color:var(--text,#D6D6D6);text-wrap:pretty}
.av-parceria .av-texto strong{color:var(--white,#fff);font-weight:600}

.av-acoes{display:flex;flex-direction:column;gap:6px;margin-top:24px}

/* botão principal do site: vidro quase transparente, fio verde, letra branca, luz que segue o mouse */
.av-parceria .av-botao{
  --bx:50%;--by:50%;
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;min-height:50px;margin:0;padding:0 24px;border-radius:999px;
  border:1px solid rgba(57,255,20,.75);
  background:rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.4);
  color:var(--white,#fff);font:500 15px/1.2 var(--font,"Geist",sans-serif);letter-spacing:.005em;text-align:center;text-decoration:none;cursor:pointer;
  transition:border-color .3s var(--av-ease),background-color .3s var(--av-ease),scale .16s var(--av-ease);
}
.av-parceria .av-botao::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(120px circle at var(--bx) var(--by),rgba(57,255,20,.38),transparent 60%);
  transition:opacity .3s;
}
.av-parceria .av-botao:hover{border-color:var(--green,#39FF14);background-color:rgba(57,255,20,.1)}
.av-parceria .av-botao:hover::before,.av-parceria .av-botao:focus-visible::before{opacity:1}
.av-parceria .av-botao:active{scale:.97}

.av-agora-nao{
  min-height:44px;margin:0;padding:0 16px;border:0;border-radius:999px;background:transparent;
  color:var(--muted,#9E9E9E);font:500 14px/1.2 var(--font,"Geist",sans-serif);cursor:pointer;
  transition:color .25s var(--av-ease);
}
.av-agora-nao:hover{color:var(--white,#fff)}

/* rodapé um pouco mais claro que o cinza de apoio: passa 4,5:1 até no ponto mais claro do vidro */
.av-parceria .av-rodape{margin:12px 0 0;padding:14px 0 0;max-width:none;border-top:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.4;color:#b4b4b8;text-align:center}
.av-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* saída curta ao fechar */
.av-parceria.saindo{pointer-events:none}
.av-parceria.saindo .av-veu{animation:av-some 180ms var(--av-saida) both}
.av-parceria.saindo .av-cartao{animation:av-cartao-sai 180ms var(--av-saida) both}

@media (max-width:480px){
  .av-cartao{padding:24px 20px 16px}
  .av-logo.cripto{height:22px}
  .av-logo.bitget{height:15px}
  .av-traco{height:16px}
  .av-marcas{gap:12px}
  .av-topo{margin-right:-8px}
}

@keyframes av-surge{from{opacity:0}to{opacity:1}}
@keyframes av-escala{from{transform:scale(.96)}to{transform:scale(1)}}
@keyframes av-some{from{opacity:1}to{opacity:0}}
@keyframes av-cartao-sai{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}

@media (prefers-reduced-motion:reduce){
  .av-veu,.av-cartao,.av-parceria.saindo .av-veu,.av-parceria.saindo .av-cartao{animation:none}
  .av-cartao::before,.av-cartao::after,.av-parceria .av-botao,.av-parceria .av-botao::before,.av-x,.av-x::before,.av-agora-nao{transition:none}
  .av-parceria .av-botao:active,.av-x:active{scale:1}
}