/* 24/10 (devjunior): aviso de +18 no mesmo desenho e animação da janela do dash (assets/dash/spring-modal.css):
   fundo desfocado, cartão que entra com MOLA (sobe, cresce e desgira com um leve passar do ponto), ícone que salta,
   número "18" gigante esmaecido no fundo, botões lado a lado (empilhados no celular), saída curta ao aceitar. */
.age-overlay.agv-bk { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 20px; overflow-y: auto;
  background: rgb(8 9 12 / .62) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  opacity: 0; transition: opacity .22s ease; }
.agv-bk.on { opacity: 1; }
.agv { position: relative; width: 100%; max-width: 420px; overflow: hidden; color: #fff; text-align: center;
  background: linear-gradient(150deg, #161b33 0%, #0e1020 70%); border: 1px solid rgb(74 123 255 / .28); border-radius: 22px;
  padding: 28px 24px 22px; box-shadow: 0 30px 70px -25px rgb(0 0 0 / .85), 0 0 0 1px rgb(255 255 255 / .03) inset;
  transform: translateY(24px) scale(.82) rotate(-4deg); opacity: 0;
  transition: transform .46s cubic-bezier(.34, 1.56, .64, 1), opacity .2s ease; }
.agv-bk.on .agv { transform: none; opacity: 1; }
.agv-bk.sai { opacity: 0; transition-duration: .2s; }
.agv-bk.sai .agv { transform: translateY(12px) scale(.94); opacity: 0; transition-duration: .18s; }
.agv-bg { position: absolute; top: -46px; right: -18px; font: 900 190px/1 "Plus Jakarta Sans", Montserrat, system-ui, sans-serif;
  color: rgb(74 123 255 / .06); transform: rotate(-14deg); pointer-events: none; letter-spacing: -.06em; }
.agv-in { position: relative; }
.agv-logo { height: 22px; width: auto; display: block; margin: 0 auto 18px; opacity: .95; }
.agv-ic { width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 20px; display: grid; place-items: center;
  font: 900 21px/1 "Plus Jakarta Sans", Montserrat, system-ui, sans-serif; letter-spacing: -.02em; color: #fff;
  background: linear-gradient(140deg, #4a7bff, #1243c9); box-shadow: 0 12px 26px -10px rgb(22 82 240 / .95);
  animation: agvIc .6s cubic-bezier(.34, 1.56, .64, 1) .1s both; }
.agv-tt { font-size: 21px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 6px; line-height: 1.25; }
.agv-tx { font-size: 14.5px; line-height: 1.5; color: #c3c6d6; margin: 0 0 14px; }
.agv-nota { font-size: 12px; line-height: 1.5; color: #8a8ea6; margin: 0 0 20px; padding: 10px 12px; border-radius: 12px;
  background: rgb(255 255 255 / .035); border: 1px solid rgb(255 255 255 / .06); text-align: left; }
.agv-bts { display: flex; gap: 10px; }
.agv-bt { flex: 1; padding: 13px 14px; border-radius: 13px; border: 0; cursor: pointer; font: 700 14px "Plus Jakarta Sans", Montserrat, system-ui, sans-serif;
  transition: filter .15s, background .15s, transform .12s; -webkit-tap-highlight-color: transparent; }
.agv-bt:active { transform: scale(.97); }
.agv-bt:focus-visible { outline: 2px solid #5c88ff; outline-offset: 2px; }
.agv-no { background: rgb(255 255 255 / .06); color: #fff; border: 1px solid rgb(255 255 255 / .12); }
.agv-no:hover { background: rgb(255 255 255 / .1); }
.agv-ok { flex: 1.6; background: linear-gradient(135deg, #2a63ff, #1243c9); color: #fff; box-shadow: 0 8px 20px -10px rgb(22 82 240 / .9); }
.agv-ok:hover { filter: brightness(1.1); }
.agv-rodape { margin: 14px 0 0; font-size: 11.5px; color: #6f7389; }
@keyframes agvIc { from { transform: scale(0) rotate(-30deg); } to { transform: none; } }
@media (max-width: 480px) { .agv { padding: 24px 18px 18px; } .agv-bts { flex-direction: column-reverse; } }
@media (prefers-reduced-motion: reduce) { .agv, .agv-bk, .agv-ic { animation: none !important; transition: opacity .15s !important; } .agv { transform: none; } }

/* 24/10 (devjunior): o quadrado azul "18+" parecia IA — troca só pelo ícone que ele mandou (coroa + 18+,
   ui/age/icone-18.webp; original em icone-18-original.png). Mesmo lugar, mesmo tamanho e mesma animação de entrada. */
.agv-ic.agv-ic-img { background: none; box-shadow: none; border-radius: 0; }
.agv-ic.agv-ic-img img { width: 64px; height: auto; display: block; filter: drop-shadow(0 8px 14px rgb(0 0 0 / .45)); }

/* 24/10 (devjunior) logo JOGOUBET "um pouco maior e mais centralizado". O logo.png tem 25% de vazio em cima e
   embaixo, então com 22px a marca aparecia com só ~11px. Agora 34px (marca ~17px); as margens descontam o vazio
   extra pra os espaços acima/abaixo ficarem como estavam. O "J" com rabo pesa pra esquerda: anda 1% pra direita. */
.agv-logo { height: 34px; margin: -3px auto 15px; translate: 1% 0; }