/* Capas dos jogos vêm no formato 300x350 (6:7). Os cards da referência eram 4:5 e 1:1.4 e cortavam
   o título da capa nas laterais; aqui o card segue a proporção da capa. */
.game-image[data-v-144a840e]{aspect-ratio:6/7}
.game-card-wrapper.aspect-\[4\/5\]{aspect-ratio:6/7}
/* capa animada (vídeo) ocupa o card igual à imagem */
.game-image video[data-v-144a840e]{display:block;height:100%;object-fit:cover;width:100%}

/* banner único (home ou esportes com 1 banner só): largura toda, na proporção da arte, sem setas/pontinhos */
.hc-um .hc-slide[data-v-523ba844] { flex-basis: 100% !important; }
.hc-um .hc-media[data-v-523ba844] { aspect-ratio: var(--hc-aspect, 2.34); max-height: none; }
.hc-um .hc-arrow, .hc-um .hc-controls { display: none !important; }
.embla-wrap.bn-um .nav-btn, .embla-wrap.bn-um .dots { display: none !important; }

/* botão "Aposta rápida" (raio) do cupom removido a pedido do dono; era só visual, sem função */
.cf-qb[data-v-f216093a], .cf-qb { display: none !important; }
.cf-qb-sw, .cf-qb-sw[data-v-f216093a] { display: none !important; }

/* botão central (Esportes) da barra do celular: era só um contorno transparente e o conteúdo da página
   aparecia por dentro. Agora é um círculo cheio vermelho, com borda da cor da barra e brilho. */
.vera-bottom-nav.bn-center-outline .vera-nav-center-icon[data-v-ae20f093] {
  background: radial-gradient(120% 100% at 30% 18%, color-mix(in oklch, rgb(var(--primary-color)) 70%, #fff), rgb(var(--primary-color)) 55%, color-mix(in oklch, rgb(var(--primary-color)) 78%, #000)) !important;
  border: 0 !important;
  box-shadow: 0 0 0 4px var(--c-bottomnav-bg, #050608), 0 8px 18px -4px rgb(var(--primary-color) / .65), inset 0 2px 0 rgb(255 255 255 / .28), inset 0 -3px 0 rgb(0 0 0 / .22) !important;
  color: #fff !important;
  transition: transform .2s ease, box-shadow .25s ease;
}
.vera-bottom-nav.bn-center-outline .vera-nav-center-icon .bn-img { filter: brightness(0) invert(1) drop-shadow(0 1px 1.5px rgb(0 0 0 / .35)); }
.vera-bottom-nav.bn-center-outline .vera-nav-center.active .vera-nav-center-icon[data-v-ae20f093] {
  box-shadow: 0 0 0 4px var(--c-bottomnav-bg, #050608), 0 0 0 7px rgb(var(--primary-color) / .25), 0 10px 22px -4px rgb(var(--primary-color) / .8), inset 0 2px 0 rgb(255 255 255 / .28) !important;
}
.vera-bottom-nav.bn-center-outline .vera-nav-center:active .vera-nav-center-icon[data-v-ae20f093] { transform: scale(.94); }