/* Ajustes de tela do SuaMarcaBet.
   Cada bloco aqui nasceu de um problema medido no site no ar. */

/* ------------------------------------------------------------------
   1) Sidebar travando ao passar o mouse
   Os tres brilhos decorativos da sidebar ficam animando sem parar
   (pulse-slow / float) com desfoque de ate' 64px em cima, e na frente deles
   ha' varios paineis e botoes com desfoque de fundo (backdrop-filter). Como o
   brilho se mexe o tempo todo, o que esta' ATRAS dos desfoques muda em todo
   quadro, obrigando o navegador a refazer todos eles, sem parar.
   Aqui so' sai o CUSTO: os brilhos continuam na tela e continuam animando.
   ------------------------------------------------------------------ */

/* o brilho ja' e' um degrade redondo que termina transparente, entao o
   desfoque gigante em cima nao muda o que aparece, so' pesa */
#menu-vertical .blur-3xl,
#menu-vertical .blur-2xl,
#menu-vertical .blur-xl {
    filter: none !important;
}

.nb-trava-overlay {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* No computador a sidebar e' uma coluna fixa sobre fundo liso, entao nenhum
   desses desfoques aparece na tela, so' custa. No celular ela vira gaveta por
   cima do conteudo, onde o desfoque aparece de verdade: la' fica como estava. */
@media (hover: hover) and (pointer: fine) {
    #menu-vertical,
    #menu-vertical * {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #menu-vertical {
        /* camada propria: mexer na sidebar nao obriga a redesenhar o fundo */
        transform: translateZ(0);
    }

    /* transition: all faz o navegador vigiar todas as propriedades a cada
       hover; no hover destes itens so' muda cor de fundo */
    #menu-vertical a,
    #menu-vertical div,
    #menu-vertical span,
    #menu-vertical li {
        transition-property: background-color, border-color, color, fill, stroke, opacity, transform !important;
    }
}

/* ------------------------------------------------------------------
   2) Rolagem na tela de pagamento
   Medido em 375x667 (o celular mais apertado): o painel de deposito tinha
   788px de conteudo em 667px de tela, ou seja, 121px sobrando, e o botao
   "Gerar Pagamento" so' aparecia depois de rolar. Rolagem na hora de pagar
   derruba deposito.
   A arte promocional do topo sozinha ocupa 161px. Em tela baixa ela sai e o
   painel fecha em 667px exatos, com o botao a' vista. Em tela normal a arte
   continua aparecendo igual.
   ------------------------------------------------------------------ */
@media (max-height: 700px) {
    img[src*="deposito_celular"],
    img[src*="deposito_pc"] {
        display: none !important;
    }
}

/* ------------------------------------------------------------------
   3) Fundo azul do site aparecendo em blocos
   O fundo era uma imagem de 1920x1152 comprimida em 8 KB. Como ela e' quase
   toda degrade liso, essa compressao toda vira faixa/bloco na tela, e nao tem
   como recuperar: a informacao ja' se perdeu no arquivo.
   Aqui o mesmo fundo e' refeito com degrade de CSS, usando as cores MEDIDAS na
   propria imagem (amostra em 25 pontos, do #0c1f2d no canto superior esquerdo
   ao #001323 no canto inferior direito). Degrade de CSS nao tem compressao,
   entao nao cria bloco, e ainda sai de graca: zero download.
   De quebra, a imagem era pintada DUAS vezes (html e body); agora e' uma so'.
   ------------------------------------------------------------------ */
html {
    background-color: #001625 !important;
    background-image:
        radial-gradient(70% 50% at 3% -2%, #12293a 0%, rgba(18, 41, 58, 0) 72%),
        radial-gradient(55% 42% at 27% 47%, #05273a 0%, rgba(5, 39, 58, 0) 75%),
        radial-gradient(80% 65% at 52% 28%, #00243a 0%, rgba(0, 36, 58, 0) 78%),
        linear-gradient(158deg, #011d2e 0%, #001625 48%, #001020 100%) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body {
    background-image: none !important;
    background-color: transparent !important;
}

/* ------------------------------------------------------------------
   4) O presente da faixa do topo balancando
   So' mexe em transform, que e' o que a placa de video faz sozinha: nao
   obriga o navegador a recalcular nem repintar nada em volta.
   ------------------------------------------------------------------ */
@keyframes nb-presente-balanca {
    0%, 62%, 100% { transform: rotate(0deg) scale(1); }
    68%           { transform: rotate(-12deg) scale(1.08); }
    74%           { transform: rotate(10deg) scale(1.08); }
    80%           { transform: rotate(-7deg) scale(1.04); }
    86%           { transform: rotate(5deg) scale(1.02); }
    92%           { transform: rotate(-2deg) scale(1); }
}

.nb-presente-balanca {
    animation: nb-presente-balanca 2.8s ease-in-out infinite;
    transform-origin: 50% 85%;
    will-change: transform;
}

/* quem pediu menos animacao no proprio aparelho nao leva balanco */
@media (prefers-reduced-motion: reduce) {
    .nb-presente-balanca { animation: none; }
}

/* ------------------------------------------------------------------
   5) Tamanho dos selos novos do rodape
   O site ja' tinha uma regra propria limitando a altura das imagens do rodape,
   e ela cortava o LOTEP em 32px. Aqui cada selo tem a altura certa.
   Regra de qualidade: a altura NUNCA passa da altura real do arquivo, entao a
   tela sempre reduz e nunca amplia (ampliar e' o que borra).
   LOTEP tem 58px de altura real, EBAC tem 44px, e o IBIA e' vetor.
   ------------------------------------------------------------------ */
#footer .licenses img.nb-selo,
.licenses img.nb-selo {
    height: 24px !important;
    max-height: 24px !important;
    width: auto !important;
    display: block;
}

#footer .licenses img.nb-selo-lotep,
.licenses img.nb-selo-lotep {
    height: 44px !important;
    max-height: 44px !important;
}

/* ------------------------------------------------------------------
   6) Roleta no estilo da Gira Sorte da BetQuePaga, com as cores do SuaMarcaBet
   La' a roda inteira e' desenhada em vetor: aro escuro com 24 pontinhos
   dourados, fatias alternadas, rotulos girados junto com a fatia, ponteiro
   dourado em cima e medalhao no meio. Aqui e' a mesma arte e a mesma
   montagem, trocando o verde de la' pelo ciano da casa e o texto pelo nosso.
   Vetor em vez de imagem: nitido em qualquer tela, sem download e sem borrao.
   Camadas: o disco (z3) gira por baixo, aro e ponteiro (z5) ficam parados em
   cima e o medalhao (z6) no meio. O disco so' mexe em transform e os
   pontinhos so' em opacidade: nenhum dos dois manda recalcular layout.
   ------------------------------------------------------------------ */
.nb-roleta-moldura {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 5;
}

.nb-roleta-aro {
    position: absolute;
    inset: -4%;
    width: 108%;
    height: 108%;
    display: block;
    filter: drop-shadow(0 0 14px rgba(34, 199, 234, .28));
}

.nb-roleta-ponteiro {
    position: absolute;
    top: -5%;
    left: 50%;
    width: 11%;
    height: auto;
    transform: translateX(-50%);
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .6));
}

/* os pontinhos do aro pulsam enquanto a roda gira, e so' enquanto gira */
@keyframes nb-roleta-pisca {
    0%, 100% { opacity: 1; }
    50%      { opacity: .35; }
}

.nb-roleta-moldura.piscando .nb-roleta-aro circle[r="2.6"] {
    animation: nb-roleta-pisca .55s ease-in-out infinite;
}

.nb-roleta-centro {
    border-radius: 50%;
    border: 3px solid #f3bf40;
    background: #061320;
    box-shadow: 0 0 0 3px #071220, 0 0 18px rgba(34, 199, 234, .35);
}

/* o disco fica por dentro do aro, sem borda nem sombra propria */
[data-roleta] {
    z-index: 3;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* ------------------------------------------------------------------
   7) "O que tem na roda"
   Fatia do mesmo tamanho nao quer dizer mesma chance. A lista mostra o
   "1 em N" real de cada premio, vindo do peso cadastrado no painel.
   ------------------------------------------------------------------ */
.nb-chances { margin-top: .25rem; }

.nb-chance-titulo {
    font-size: .8125rem;
    font-weight: 700;
    color: #cbd5e1;
    text-align: center;
    margin: 0 0 .5rem;
}

.nb-chance-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .375rem;
}

.nb-chance-linha {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .4rem .7rem;
    border-radius: .5rem;
    border: 1px solid rgba(34, 199, 234, .18);
    background: rgba(6, 19, 32, .55);
    font-size: .8125rem;
}

.nb-chance-nome { color: #93a4c4; font-weight: 600; }
.nb-chance-nome.nb-chance-premio { color: #22c7ea; }
.nb-chance-odd { color: #f3bf40; font-weight: 700; white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
    .nb-roleta-moldura.piscando .nb-roleta-aro circle { animation: none; }
}

/* ------------------------------------------------------------------
   8) Avisos do site (erro, sucesso, informacao)
   O aviso antigo usava classes de posicao que nao existem no CSS do site:
   nascia abaixo da borda da tela e atras das janelas, entao nenhum erro de
   login, cadastro, deposito ou saque aparecia para o jogador.
   Agora ele fica no topo, no centro, ACIMA de qualquer janela aberta (as
   janelas do site usam z-index 1900), com cor e icone por tipo e botao de
   fechar. Parado com o mouse em cima, ele nao some.
   ------------------------------------------------------------------ */
#nb-avisos {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6000;
    width: min(440px, calc(100vw - 24px));
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.nb-aviso {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 10px 12px 14px;
    border-radius: 12px;
    background: #0f1d31;
    border: 1px solid rgba(255, 255, 255, .08);
    border-left: 4px solid #22c7ea;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .5);
    color: #f1f5fb;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .22s ease, transform .22s ease;
}

.nb-aviso--in {
    opacity: 1;
    transform: translateY(0);
}

.nb-aviso--erro { border-left-color: #f04c5a; background: #231421; }
.nb-aviso--ok   { border-left-color: #2fd07e; background: #0f2426; }

.nb-aviso__ico {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 0;
    fill: none;
    stroke: #22c7ea;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nb-aviso--erro .nb-aviso__ico { stroke: #ff6b77; }
.nb-aviso--ok .nb-aviso__ico   { stroke: #3ee08f; }

.nb-aviso__txt {
    flex: 1;
    min-width: 0;
    padding-top: 1px;
    overflow-wrap: anywhere;
}

.nb-aviso__x {
    flex: none;
    width: 28px;
    height: 28px;
    margin: -4px 0 -4px 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    color: rgba(241, 245, 251, .6);
    background: transparent;
    cursor: pointer;
}

.nb-aviso__x:hover { background: rgba(255, 255, 255, .08); color: #fff; }

.nb-aviso__x svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce) {
    .nb-aviso { transition: none; transform: none; }
}

/* ------------------------------------------------------------------
   9) Classes que os scripts usam e o CSS do site nunca teve
   Achadas cruzando cada classe escrita nos scripts com a folha de estilo:
   sem elas, grade saia em uma coluna, aviso de lista vazia ficava espremido
   num canto e o degrade escuro sob o nome do jogo nao existia.
   ------------------------------------------------------------------ */
.col-span-full { grid-column: 1 / -1; }
.grid-cols-\[1fr_90px\] { grid-template-columns: 1fr 90px; }
.h-6\.5 { height: 1.625rem; }
.leading-0 { line-height: 0; }
.min-w-auto { min-width: auto; }
.border-yellow-500\/40 { border-color: rgb(234 179 8 / .4); }
.from-black\/85 {
    --tw-gradient-from: rgb(0 0 0 / .85) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
@media (min-width: 768px) {
    .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}

/* ------------------------------------------------------------------
   10) Erro embaixo do campo (login, cadastro, senha, endereco, codigo)
   Era 12px num vermelho apagado, facil de nao ver. Agora com icone,
   cor mais viva e espaco para respirar.
   ------------------------------------------------------------------ */
[data-erro-campo] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 6px 0 2px 2px !important;
    font-size: 12.5px !important;
    line-height: 1.35;
    font-weight: 500;
    color: #ff7a85 !important;
}

[data-erro-campo]::before {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ------------------------------------------------------------------
   11) Janela de deposito no computador
   Era uma coluna so': a foto (390px) em cima do formulario (618px), 1008px
   de altura numa tela de 768. O botao de pagar ficava 240px abaixo da borda.
   No computador agora e' foto de um lado e formulario do outro: a janela fica
   com a altura do formulario, centralizada, e nunca passa da tela (se a tela
   for baixa, so' o formulario rola por dentro, a foto fica parada).
   No celular nada muda.
   ------------------------------------------------------------------ */
@media (min-width: 700px) {
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) {
        flex-direction: row !important;
        align-items: stretch;
        width: min(880px, calc(100vw - 48px)) !important;
        max-width: none !important;
        max-height: calc(100vh - 32px);
        overflow: hidden;
        border-radius: 18px;
    }

    /* coluna da foto */
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:first-child {
        flex: 0 0 clamp(250px, 38vw, 400px);
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        background:
            radial-gradient(75% 60% at 50% 62%, rgba(34, 199, 234, .30) 0%, rgba(34, 199, 234, 0) 70%),
            linear-gradient(180deg, #13294a 0%, #0b1a30 100%);
        border-right: 1px solid rgba(255, 255, 255, .06);
    }

    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:first-child > div:first-child {
        width: 100%;
    }

    /* a foto tem 489px de largura real: aqui ela aparece com 400px, ou seja,
       reduzida, nunca ampliada (ampliar e' o que borra) */
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) img[src*="deposito_pc"] {
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    /* o X de cima da foto ficaria no meio da janela; o X do cabecalho do
       formulario faz o mesmo servico */
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:first-child > .nui-button-close {
        display: none !important;
    }

    /* coluna do formulario: rola por dentro so' se a tela for baixa */
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:last-child {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:last-child > form,
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:last-child > div:last-child {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        scrollbar-width: thin;
    }
}

/* passo a passo do deposito: so' aparece no computador, na coluna da foto */
.nb-dep-passos { display: none; }

@media (min-width: 700px) {
    .bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:first-child {
        flex-direction: column;
        justify-content: space-between;
    }

    .nb-dep-passos {
        display: block;
        width: 100%;
        padding: 30px 30px 0;
        text-align: left;
    }

    .nb-dep-passos__titulo {
        margin: 0 0 16px;
        font-size: 19px;
        font-weight: 800;
        color: #fff;
        letter-spacing: -.01em;
    }

    .nb-dep-passos__lista {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 12px;
    }

    .nb-dep-passos__lista li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        font-size: 13.5px;
        line-height: 1.4;
        color: #c9d6e8;
    }

    .nb-dep-passos__lista span {
        flex: none;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 12px;
        font-weight: 800;
        color: #06192a;
        background: #22c7ea;
    }

    .nb-dep-passos__nota {
        margin: 16px 0 0;
        font-size: 12px;
        color: #8ea3bf;
    }
}

/* ------------------------------------------------------------------
   12) Avatar do jogador
   No topo, o anel de nivel (45px) morava numa caixa de 36px e ficava quase
   todo escondido atras do circulo de 32px: sobrava um fio torto, e as
   iniciais em 14px encostavam na borda. Agora: caixa e anel de 42px, circulo
   de 24px dentro do anel (com folga), anel comecando no topo, iniciais proporcionais.
   Com foto, ela preenche o circulo recortada em quadrado (nunca esticada).
   ------------------------------------------------------------------ */
.inline-flex.size-9:has(> .relative > svg[role="progressbar"]) {
    width: 42px;
    height: 42px;
}

.relative:has(> .absolute .nui-avatar) > svg[role="progressbar"] {
    width: 42px;
    height: 42px;
    transform: rotate(-90deg);
}

.relative:has(> .absolute .nui-avatar) > svg[role="progressbar"] circle {
    stroke-width: 3;
}

.inline-flex.size-9 .nui-avatar-xs {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px;
    border-width: 0 !important;
    padding: 0 !important;
}

.inline-flex.size-9 .nui-avatar-xs .nui-avatar-inner {
    width: 100%;
    height: 100%;
}

.inline-flex.size-9 .nui-avatar-xs .nui-avatar-text {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
}

.nui-avatar-lg .nui-avatar-text {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.nb-avatar--foto .nui-avatar-inner {
    overflow: hidden;
    border-radius: 9999px;
}

.nb-avatar-foto {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9999px;
}

/* selo do rodape (931x170) estava espremido pela metade numa caixa de 128x48 */
#footer .licenses img {
    object-fit: contain;
}

/* ------------------------------------------------------------------
   13) Chat da comunidade
   Avatar com iniciais (cor fixa por pessoa) ou foto, selo VIP com a cor da
   faixa e o "fulano esta' digitando" com os tres pontinhos.
   ------------------------------------------------------------------ */
.nb-chat-lista { gap: 10px; }

.nb-chat-msg {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.nb-chat-av {
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .02em;
}

.nb-chat-av__foto { width: 100%; height: 100%; object-fit: cover; display: block; }

.nb-chat-corpo {
    flex: 1;
    min-width: 0;
    padding: 7px 11px 8px;
    border-radius: 4px 14px 14px 14px;
    background: rgba(255, 255, 255, .045);
}

.nb-chat-msg--suporte .nb-chat-corpo {
    background: rgba(34, 199, 234, .10);
    border: 1px solid rgba(34, 199, 234, .28);
}

.nb-chat-topo {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    line-height: 1.2;
    margin-bottom: 2px;
}

.nb-chat-nome {
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-chat-hora {
    margin-left: auto;
    color: #6f809b;
    font-size: 10.5px;
    flex: none;
}

.nb-chat-texto {
    font-size: 13.5px;
    line-height: 1.4;
    color: #dbe4f0;
    overflow-wrap: anywhere;
}

.nb-chat-selo {
    flex: none;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.5;
}

.nb-chat-selo--base   { background: #2a3850; color: #b7c4d8; }
.nb-chat-selo--bronze { background: #5a3a24; color: #f2b27a; }
.nb-chat-selo--prata  { background: #3c4a60; color: #e3ebf7; }
.nb-chat-selo--ouro   { background: #5b4a14; color: #ffd76a; }
.nb-chat-selo--lenda  { background: #3f2466; color: #d7b8ff; }
.nb-chat-selo--suporte { background: #22c7ea; color: #04202b; }

.nb-chat-digitando {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 16px 8px;
    font-size: 12px;
    color: #8ea3bf;
}

.nb-chat-digitando[hidden] { display: none; }
.nb-chat-digitando b { color: #c9d6e8; font-weight: 700; }

.nb-chat-pontos { display: inline-flex; gap: 3px; }

.nb-chat-pontos i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8ea3bf;
    animation: nb-chat-pula 1.1s ease-in-out infinite;
}

.nb-chat-pontos i:nth-child(2) { animation-delay: .15s; }
.nb-chat-pontos i:nth-child(3) { animation-delay: .3s; }

@keyframes nb-chat-pula {
    0%, 60%, 100% { transform: translateY(0); opacity: .45; }
    30%           { transform: translateY(-3px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .nb-chat-pontos i { animation: none; opacity: .8; }
}

/* com o chat aberto a bolinha do atendimento tampava o botao de enviar */
.nb-chat-aberto [data-suporte-ia-botao] { display: none !important; }

/* ------------------------------------------------------------------
   14) Nota do Lighthouse (acessibilidade e boas praticas)
   - zoom liberado no celular: o site bloqueava a pinca (maximum-scale=1).
     Campo com letra menor que 16px faz o iPhone dar zoom sozinho ao tocar,
     por isso todo campo passa a ter 16px no celular.
   - botao "Cadastre-se" do topo: branco sobre #607bdd dava contraste 3,9
     (o minimo e' 4,5). O fundo escurece um pouco, o mesmo tom da marca.
   - bolinhas do carrossel: area de toque de 10px, o minimo e' 24px. O
     desenho continua de 10px; so' a area de toque cresce.
   - letra do rodape abaixo de 12px no celular.
   - logo com a proporcao presa (o HTML so' dava a altura).
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        font-size: 16px !important;
    }

    /* so' o que estava abaixo de 12px (medido pelo Lighthouse) */
    .hover__footer .data__text,
    #footer .footer-emails p,
    #footer small,
    #footer .xs\:text-\[11px\],
    #footer .text-\[10px\],
    #footer .text-\[11px\],
    #footer .text-xs {
        font-size: 12px !important;
    }
}

#auth-nav-container .nui-button-primary {
    background-color: #4f67cc !important;
}

#auth-nav-container .nui-button-primary:hover {
    background-color: #5a72d8 !important;
}

.embla__dot {
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    background: transparent !important;
    margin-left: 0 !important;
}

.embla__dot::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgb(30, 40, 64);
    background: rgba(30, 40, 64, .95);
    transition: background-color .2s;
}

.embla__dot.bg-primary-400::before {
    background: rgb(129, 151, 228);
}

img[src*="3e5bf9beb1903b25"] {
    object-fit: contain;
    aspect-ratio: 302 / 100;
    width: auto;
}

/* ------------------------------------------------------------------
   15) Banner principal ja' no tamanho certo antes do script
   O estilo original deixava cada slide do carrossel da home com metade da
   largura ate' o script do carrossel rodar e esticar para 100%. No celular
   lento isso acontecia perto dos 8 segundos, e o navegador contava o banner
   como "aparecendo" so' ali (a nota de velocidade despencava). Aqui o CSS ja'
   desenha igual ao que o script vai deixar: um slide por vez, largura toda.
   ------------------------------------------------------------------ */
.embla[data-v-0062cd6e] { overflow: hidden; }

.embla[data-v-0062cd6e] > .embla__container,
.embla__container[data-v-0062cd6e] {
    display: flex;
}

.embla__container[data-v-0062cd6e] > .embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

/* 16. celular: bolinha do atendimento (e o painel dela) acima da barra de baixo, sem cobrir "Perfil" */
body:has(.mobile-nav) [data-suporte-ia-botao] {
    bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}
body:has(.mobile-nav) [data-suporte-ia] {
    bottom: calc(76px + env(safe-area-inset-bottom)) !important;
    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
}
body.nb-tem-nav-celular [data-suporte-ia-botao] { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
body.nb-tem-nav-celular [data-suporte-ia] { bottom: calc(76px + env(safe-area-inset-bottom)) !important; max-height: calc(100vh - 140px); max-height: calc(100dvh - 140px); }

/* 17. celular: o X solto em cima da arte do deposito cobria o "R$4.700".
   Cada etapa (valor e aguardando pagamento) ja tem o proprio X no cabecalho,
   igual no computador (bloco 11). */
.bg-muted-800:has(> .relative > div > img[src*="deposito_pc"]) > .relative:first-child > .nui-button-close {
    display: none !important;
}

/* 18. celular: abas da conta (Minha conta / Transacoes / Historico / Verificacao).
   A aba ativa perdia as classes de tamanho e ficava em 14px quebrando em duas
   linhas, enquanto as outras ficavam em 9px. Todas iguais e legiveis (nome comprido quebra em duas linhas). */
@media (max-width: 767px) {
    .relative.z-\[6\].flex.items-center.rounded-\[14px\] > * {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .relative.z-\[6\].flex.items-center.rounded-\[14px\] > * > span.text-center {
        font-size: 11px !important;
        line-height: 1.2;
        font-weight: 600;
        white-space: normal;
        color: #fff;
    }
}

/* 19. deposito: o valor escolhido ficava com texto lilas embacado, mais apagado
   que os outros (parecia desativado). Agora e' o mais forte da grade. */
[class*="text-shadow:_0_0px_8px_rgb(var(--color-primary-300))"] {
    color: #fff !important;
    text-shadow: 0 0 10px rgb(var(--color-primary-400) / .55) !important;
    background-color: rgb(var(--color-primary-500) / .22) !important;
}

/* 20. faixa de provedores: provedor com jogo e sem logo entra com o nome */
.nb-prov-nome {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.15;
    text-align: center;
    letter-spacing: .01em;
    white-space: nowrap;
}

/* 21. degrade das bordas das faixas que rolam de lado: era so' enfeite, mas ficava
   por cima e engolia o toque (o ultimo atalho visivel nao abria no celular) */
.absolute.top-0.h-full.w-16[class*="bg-gradient-to-"] {
    pointer-events: none;
}


/* 22. lista dos filtros "Provedores" e "Tipo" da pagina de jogos */
.nb-lista {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    min-width: 220px;
    max-height: min(360px, 60vh);
    overflow-y: auto;
    z-index: 60;
    padding: 6px;
    border-radius: 12px;
    background: rgb(var(--color-muted-800));
    border: 1px solid rgb(var(--color-muted-700));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    scrollbar-width: thin;
}
.nb-lista__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgb(var(--color-muted-200));
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.nb-lista__item:hover,
.nb-lista__item:focus-visible { background: rgb(var(--color-muted-700)); color: #fff; outline: none; }
.nb-lista__item.is-atual { color: #fff; background: rgb(var(--color-primary-500) / .22); }
.nb-lista__item small { color: rgb(var(--color-muted-400)); font-size: 12px; font-weight: 600; }

/* 23. filtros da pagina de jogos no celular: a seta ocupava 40px e o nome
   ficava cortado ("Provedo..") */
@media (max-width: 639px) {
    button[data-nb-filtro].nui-listbox-button { padding-left: 10px !important; padding-right: 4px !important; }
    button[data-nb-filtro] .nui-listbox-chevron { width: 22px !important; min-width: 22px !important; }
    button[data-nb-filtro] .nui-listbox-button-inner > div { font-size: 12px !important; color: rgb(var(--color-muted-200)) !important; max-width: none !important; flex: 1 1 auto; min-width: 0; }
}

/* 24. respostas das perguntas frequentes e Modo Raio ligado */
.nb-faq-resposta {
    padding: 0 4px 16px;
    color: rgb(var(--color-muted-300));
    font-size: 14px;
    line-height: 1.55;
}
[is-open="true"] > button[aria-expanded="true"] > span[aria-hidden="true"] { transform: rotate(180deg); }
button.nb-raio-on {
    background: linear-gradient(90deg, rgb(var(--color-primary-500)), rgb(var(--color-primary-600))) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgb(var(--color-primary-300) / .5), 0 6px 18px rgb(var(--color-primary-500) / .35);
}

/* 25. rodape aberto: o botao ja diz "Ver menos" (o estilo original repetia o texto) */
#footer .footer_text.opened:before { content: none; }

/* 26. aviso de limite do deposito, embaixo do valor */
.nb-limite-dep { margin: 6px 2px 0; font-size: 12px; font-weight: 600; color: rgb(var(--color-danger-400)); }

/* 27. Botao ocupado: giro + texto enquanto espera o servidor (ajustes_interface.js, 18) */
[data-nb-ocupado] { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; cursor: progress; }
.nb-giro { width: 16px; height: 16px; flex: 0 0 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: nb-giro .7s linear infinite; }
@keyframes nb-giro { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nb-giro { animation-duration: 2s; } }

/* 28. Topo novo do jogador (ajustes_interface.js, 19) */
.nb-topo-novo .nb-cap-caixa { padding-right: 0 !important; margin-left: auto !important; margin-right: 6px !important; flex: 0 0 auto !important; width: auto !important; }
.nb-cap { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 5px 0 14px; border-radius: 999px; background: #141d30; border: 1px solid #26314a; white-space: nowrap; }
.nb-cap svg { width: 100%; height: 100%; display: block; }
.nb-cap-ico { width: 18px; height: 18px; color: #8fb4ff; flex: 0 0 18px; }
.nb-cap-txt { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.nb-cap-val { color: #fff; font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
.nb-cap-bonus { display: flex; align-items: center; gap: 6px; color: #8fb4ff; font-size: 11px; font-weight: 500; }
.nb-barrinha { display: inline-block; width: 44px; height: 4px; border-radius: 9px; background: #26314a; overflow: hidden; font-style: normal; }
.nb-barrinha b { display: block; height: 100%; background: #8fb4ff; border-radius: 9px; }
.nb-barrinha-ouro b { background: #f7c873; }
.nb-cap-olho { width: 26px; height: 26px; padding: 4px; color: #8a93a6; border-radius: 50%; flex: 0 0 26px; }
.nb-cap-olho:hover { color: #fff; background: rgba(255,255,255,.06); }
.nb-cap-dep { position: relative; height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 16px; border-radius: 999px; background: #22c55e; color: #052e16; font-size: 13px; font-weight: 800; transition: filter .15s, transform .15s; }
.nb-cap-dep:hover { filter: brightness(1.08); }
.nb-cap-dep:active { transform: scale(.97); }
.nb-cap-dep-ico { width: 15px; height: 15px; flex: 0 0 15px; }
.nb-cap-mais, .nb-cap-tag { display: none; }
.nb-cap-oferta { background: #f7c873; color: #412402; }
.nb-cap-prazo { background: #412402; color: #f7c873; border-radius: 6px; padding: 1px 6px; font-size: 11px; font-weight: 700; }
.nb-topo-novo [data-open-account] { background: transparent !important; }
.nb-nivel { display: inline-flex; align-items: center; gap: 6px; color: #f7c873; font-size: 11px; font-weight: 600; line-height: 1; }
.nb-nivel .nb-barrinha { width: 40px; }
.nb-topo-novo [data-sessao="sobrenome"] { line-height: 1 !important; margin-top: 3px; }
.nb-topo-novo [data-notificacoes] > span:last-child, .nb-topo-novo [data-open-chat] > span:last-child { border-radius: 50% !important; background: transparent !important; border-color: #26314a !important; color: #c9d2e3 !important; width: 36px; justify-content: center; }
.nb-menu-celular { display: none; }
.nb-menu-ico { color: rgb(var(--color-muted-300) / .6); }
.nb-menu-ico svg { width: 26px; height: 26px; }
.nb-menu-conta { position: absolute; top: -2px; right: -4px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #ef4444; color: #fff; font-size: 10px; font-weight: 700; line-height: 17px; text-align: center; }

/* tela media: o botao encurta para "Depositar" com a etiqueta 2X no canto */
@media (max-width: 1439px) {
    .nb-cap-prazo, .nb-cap-dep-extra { display: none; }
    .nb-cap-tag { display: block; position: absolute; top: -8px; right: -6px; background: #ef4444; color: #fff; font-size: 9px; font-weight: 800; line-height: 1; padding: 3px 4px; border-radius: 6px; }
}
@media (max-width: 1023px) {
    .nb-cap-ico, .nb-cap-olho { display: none; }
    .nb-cap { gap: 8px; padding-left: 12px; }
}

@media (max-width: 639px) {
    .nb-cap { height: 38px; padding: 0 4px 0 12px; gap: 8px; }
    .nb-cap-ico, .nb-cap-olho, .nb-cap-dep-txt, .nb-cap-dep-ico, .nb-cap-prazo, .nb-cap-bonus { display: none !important; }
    .nb-cap-val { font-size: 14px; }
    .nb-cap-dep { width: 30px; height: 30px; padding: 0; justify-content: center; }
    .nb-cap-mais { display: block; width: 15px; height: 15px; }
    .nb-cap-tag { display: block; position: absolute; top: -8px; right: -8px; background: #ef4444; color: #fff; font-size: 9px; font-weight: 800; line-height: 1; padding: 3px 4px; border-radius: 6px; }
    .nb-topo-novo [data-notificacoes], .nb-topo-novo [data-open-chat] { display: none !important; }
    .nb-topo-novo [data-notificacoes], .nb-topo-novo [data-open-chat] { display: none !important; }
    .nb-topo-novo .nb-conta-caixa { display: inline-flex !important; }
    .nb-topo-novo .nb-conta-caixa [data-open-account] { padding: 0 !important; gap: 0 !important; }
    .nb-topo-novo .nb-conta-caixa [data-open-account] > div, .nb-topo-novo .nb-conta-caixa [data-seta-conta] { display: none !important; }
    .nb-topo-novo [data-open-account] { position: relative; }
    .nb-topo-novo [data-open-account].nb-tem-aviso::after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #ef4444; border: 2px solid #0b1424; }
    .nb-menu-celular { display: block; }
    /* o menu da conta nunca tinha aparecido no celular: foto, selo e nome se sobrepunham */
    .nb-topo-novo [data-account-dropdown] > .p-6 { padding-top: 22px !important; }
    .nb-topo-novo [data-account-dropdown] > .p-6 > div:first-child { justify-content: flex-start !important; gap: 16px !important; min-height: 96px; }
}

/* 29. Roleta no formato da Gira Sorte (BetQuePaga) com arte e cores da SuaMarcaBet:
   cartao ilustrado no menu + janela por cima do site (sistema_promos.js, NB.abrirRoleta) */
.nb-cartao-roleta { display: block; width: 100%; margin: 0 0 10px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; border-radius: 12px; overflow: hidden; box-shadow: 0 0 0 1px rgba(34,199,234,.35), 0 8px 18px rgba(0,0,0,.35); transition: transform .15s, box-shadow .15s; }
#menu-vertical .buttons .nb-cartao-roleta { height: auto !important; font-size: inherit; }
.nb-cartao-roleta:hover { transform: translateY(-1px); box-shadow: 0 0 0 1px rgba(34,199,234,.7), 0 10px 22px rgba(0,0,0,.4); }
.nb-cr-arte { position: relative; display: block; aspect-ratio: 600 / 336; background: #11c9e6; }
.nb-cr-arte img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; display: block; margin: 0 !important; }
.nb-cr-titulo { position: absolute; left: 7%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 4px; }
.nb-cr-titulo b { font-size: 17px; line-height: .95; font-weight: 900; font-style: italic; color: #fff; text-transform: uppercase; letter-spacing: -.01em; text-shadow: 0 2px 0 #0b3a6e, 0 3px 8px rgba(11,58,110,.45); }
.nb-cr-titulo i { font-style: normal; font-size: 10px; font-weight: 800; color: #0b1f3a; background: #ffd23f; border-radius: 4px; padding: 2px 6px; align-self: flex-start; text-transform: uppercase; letter-spacing: .03em; }
.nb-cr-botao { display: flex; align-items: center; justify-content: center; gap: 6px; height: 34px; background: linear-gradient(180deg,#2f6bff,#1f4fd6); color: #fff; font-size: 12.5px; font-weight: 800; }
.nb-cr-botao svg { width: 15px; height: 15px; }

html.nb-jr-aberta, html.nb-jr-aberta body { overflow: hidden; }
.nb-jr-fundo { position: fixed; inset: 0; z-index: 5000; background: rgba(3,8,18,.72); display: flex; align-items: flex-start; justify-content: center; padding: 28px 12px; overflow-y: auto; }
.nb-jr { position: relative; width: 100%; max-width: 420px; background: #0c1628; border: 1px solid #1f3352; border-radius: 16px; padding: 0 16px 18px; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
.nb-jr-fechar { position: absolute; top: 10px; right: 10px; z-index: 3; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: rgba(6,16,32,.72); color: #fff; }
.nb-jr-fechar svg { width: 100%; height: 100%; display: block; }
.nb-jr-capa { position: relative; margin: 0 -16px; aspect-ratio: 800 / 300; border-radius: 16px 16px 0 0; overflow: hidden; background: #11c9e6; }
.nb-jr-capa img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.nb-jr-titulo { position: absolute; left: 7%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 6px; }
.nb-jr-titulo b { font-size: 30px; line-height: .95; font-weight: 900; font-style: italic; color: #fff; text-transform: uppercase; text-shadow: 0 3px 0 #0b3a6e, 0 4px 10px rgba(11,58,110,.45); }
.nb-jr-titulo span { font-size: 11px; font-weight: 800; color: #0b1f3a; background: #ffd23f; border-radius: 5px; padding: 3px 8px; align-self: flex-start; text-transform: uppercase; letter-spacing: .03em; }
.nb-jr-numeros { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin: 12px 0 10px; font-size: 12.5px; color: #93a4c4; }
.nb-jr-numeros b { color: #ffd23f; }
.nb-jr-area { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.nb-jr-palco { position: relative; width: min(100%, 310px); aspect-ratio: 1; margin: 6px auto 0; }
.nb-jr-disco { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; transition: transform 4.5s cubic-bezier(.17,.67,.12,.99); }
.nb-jr-palco .nb-roleta-moldura { position: absolute; inset: 0; pointer-events: none; }
.nb-jr-centro { position: absolute; left: 50%; top: 50%; width: 23%; aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; overflow: hidden; z-index: 6; border: 3px solid #f3bf40; box-shadow: 0 0 0 3px #071220, 0 0 18px rgba(34,199,234,.4); background: #11c9e6; }
.nb-jr-centro img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; }
.nb-jr-girar { width: 100%; height: 48px; border-radius: 12px; background: linear-gradient(180deg,#ffd76a,#f3bf40 55%,#c9921c); color: #1f1405; font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; box-shadow: 0 4px 0 #8a5f0c; transition: transform .1s, filter .15s; }
.nb-jr-girar:hover { filter: brightness(1.06); }
.nb-jr-girar:active { transform: translateY(2px); box-shadow: 0 2px 0 #8a5f0c; }
.nb-jr-girar:disabled { filter: grayscale(.7) brightness(.7); cursor: not-allowed; }
.nb-jr-regra { font-size: 11.5px; color: #7f8fad; text-align: center; margin: -4px 0 0; line-height: 1.45; }
.nb-jr-chances { width: 100%; border-top: 1px solid #1f3352; padding-top: 12px; }
.nb-jr-vazio { text-align: center; color: #93a4c4; font-size: 14px; padding: 28px 8px; }
@media (max-width: 420px) {
    .nb-jr-fundo { padding: 12px 8px; }
    .nb-jr-titulo b { font-size: 22px; }
    .nb-jr-palco { width: min(100%, 280px); }
}

/* 30. Qualquer aparelho (teste de 17 telas, 26/09)
   - tablet e celular deitado: campo com letra < 16px faz o iPhone/iPad dar zoom sozinho;
   - topo do jogador de 640 a 1279px (iPad, notebook pequeno): as abas Cassino/Esportes eram
     esmagadas pelo saldo ate' sumir. Ali o topo fica como no celular: so' a foto da conta,
     sininho e chat dentro do menu da conta;
   - "Copiar" do Pix tinha 16px de altura para o dedo;
   - telas de 280 a 360px (Galaxy Fold, iPhone SE antigo): abas do login e "R$ 10.000"
     quebravam em duas linhas. */
@media (pointer: coarse) {
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea { font-size: 16px !important; }
}
@media (min-width: 640px) and (max-width: 1279px) {
    .left.big > .relative.overflow-hidden { flex-shrink: 0 !important; }
    .nb-cap-ico, .nb-cap-olho { display: none; }
    .nb-cap { gap: 8px; padding-left: 12px; }
    .nb-topo-novo [data-notificacoes], .nb-topo-novo [data-open-chat] { display: none !important; }
    .nb-topo-novo .nb-conta-caixa [data-open-account] { padding: 0 !important; gap: 0 !important; }
    .nb-topo-novo .nb-conta-caixa [data-open-account] > div, .nb-topo-novo .nb-conta-caixa [data-seta-conta] { display: none !important; }
    .nb-topo-novo [data-open-account] { position: relative; }
    .nb-topo-novo [data-open-account].nb-tem-aviso::after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #ef4444; border: 2px solid #0b1424; }
    .nb-menu-celular { display: block; }
    .nb-topo-novo [data-account-dropdown] > .p-6 { padding-top: 22px !important; }
    .nb-topo-novo [data-account-dropdown] > .p-6 > div:first-child { justify-content: flex-start !important; gap: 16px !important; min-height: 96px; }
}
/* menu da conta: a foto ficava por cima do e-mail em qualquer largura (no celular ja' era corrigido) */
.nb-topo-novo [data-account-dropdown] > .p-6 { padding-top: 22px !important; }
.nb-topo-novo [data-account-dropdown] > .p-6 > div:first-child { justify-content: flex-start !important; gap: 16px !important; min-height: 96px; }
[data-copiar-pix] { min-height: 44px; min-width: 72px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 13px !important; }
[data-copiar-pix]:active { background: rgba(255, 255, 255, .08); }
@media (max-width: 360px) {
    [data-switch-auth] { white-space: nowrap; padding-left: 10px !important; padding-right: 10px !important; }
    [data-chip] { white-space: nowrap; font-size: 14px !important; }
}
@media (max-width: 300px) {
    [data-switch-auth] { font-size: 13px !important; }
    [data-chip] { font-size: 12.5px !important; }
}
/* celular/tablet: com o menu lateral aberto a bolinha de ajuda ficava por cima dos itens do menu */
@media (max-width: 1023px) {
    body:has(#menu-vertical.open) [data-suporte-ia-botao] { display: none !important; }
}
/* telas de 280 a 360px: "Cadastre-se" do topo e "Girar agora" da faixa quebravam em duas linhas */
@media (max-width: 360px) {
    [data-dd-action-name="register_open_click"] { white-space: nowrap; padding-left: 12px !important; padding-right: 12px !important; }
    .buttons.h-user .ml-2 { margin-left: 4px !important; }
    a[data-href="/roleta"].nui-button-small { white-space: nowrap; padding-left: 10px !important; padding-right: 10px !important; }
    .content span[data-v-34e2c878] { font-size: 12px !important; line-height: 1.2; }
}
/* barra de baixo: os 7 botoes dividem a largura por igual (no Galaxy Fold dobrado o "Perfil" saia da tela) */
.mobile-menu-bar__wrapper > .mobile-menu-bar__item { flex: 1 1 0 !important; min-width: 0 !important; }
@media (max-width: 300px) {
    .mobile-menu-bar__wrapper > .mobile-menu-bar__item { font-size: 9px !important; letter-spacing: -.02em; padding-left: 0 !important; padding-right: 0 !important; }
    .mobile-menu-bar__wrapper > .mobile-menu-bar__item * { white-space: nowrap; }
}
/* PageSpeed: imagem que so ganha endereco depois do 1o quadro nao mostra o texto alternativo nesse quadro */
img[data-nb-src] { visibility: hidden; }
/* menu aberto no tablet (640-1023px): o logo da barra lateral de computador aparecia junto com o do cabecalho do menu */
@media (max-width: 1023px) {
    #menu-vertical .px-5.pr-20.py-4 > a.navbar-brand { display: none !important; }
    #menu-vertical .px-5.pr-20.py-4:has(> a.navbar-brand) { display: none !important; }
}
/* acessibilidade: texto dos filtros de Jogos (Provedores/Tipo) tinha contraste baixo */
.truncate.text-muted-300.dark\:text-muted-500[data-v-2ca2d663] { color: rgb(var(--color-muted-300)) !important; }

/* ==================================================================
   31. VISUAL NOTURNO (30/09): fundo quase preto com o azul da casa,
   botoes principais com brilho, campos e janelas mais modernos e arte
   nas janelas de Entrar e Cadastro. As cores seguem as variaveis do
   tema: a tela "Marca e visual" do admin continua trocando tudo.
   ------------------------------------------------------------------ */
:root {
    --color-background: 11 15 27;
    --color-muted-600: 58 69 94;
    --color-muted-700: 33 42 64;
    --color-muted-800: 19 26 42;
    --color-muted-900: 11 15 27;
    --color-muted-950: 5 8 16;
    --nb-brilho: 0 0 0 1px rgb(255 255 255 / .06) inset, 0 8px 24px -6px rgb(var(--color-primary-500) / .6), 0 0 22px -2px rgb(var(--color-primary-500) / .45);
}
html {
    background-color: #03060d !important;
    background-image:
        radial-gradient(70% 55% at 50% -8%, #0c1c42 0%, rgba(12, 28, 66, 0) 70%),
        linear-gradient(180deg, #050a17 0%, #03060d 55%, #020409 100%) !important;
}

/* barra de aviso do topo: faixa em degrade com brilho, nao mais um bloco chapado */
.bg-primary-500.w-full.z-\[100\] {
    background: linear-gradient(90deg, rgb(var(--color-primary-700)) 0%, rgb(var(--color-primary-500)) 50%, rgb(var(--color-primary-700)) 100%) !important;
    box-shadow: 0 1px 0 rgb(255 255 255 / .08) inset, 0 6px 24px -8px rgb(var(--color-primary-500) / .7);
}

/* menu lateral e topo mais escuros, com filete de luz na divisa */
#menu-vertical { background: linear-gradient(180deg, #060a15 0%, #04070f 100%) !important; box-shadow: 1px 0 0 rgb(255 255 255 / .05); }

/* ---------- botoes principais com brilho e reflexo que passa no hover ---------- */
.nui-button.nui-button-solid.nui-button-primary,
#auth-nav-container .nui-button-primary,
.nb-dep-btn, button[type="submit"].nui-button-primary {
    background-image:
        linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .28) 48%, transparent 66%),
        linear-gradient(180deg, rgb(var(--color-primary-400)) 0%, rgb(var(--color-primary-600)) 100%) !important;
    background-size: 260% 100%, 100% 100% !important;
    background-position: 130% 0, 0 0 !important;
    background-repeat: no-repeat !important;
    box-shadow: var(--nb-brilho) !important;
    transition: background-position .7s ease, box-shadow .25s ease, transform .15s ease, filter .2s ease !important;
    text-shadow: 0 1px 1px rgb(0 0 0 / .25);
}
.nui-button.nui-button-solid.nui-button-primary:hover,
#auth-nav-container .nui-button-primary:hover,
button[type="submit"].nui-button-primary:hover {
    background-position: -30% 0, 0 0 !important;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset, 0 10px 30px -6px rgb(var(--color-primary-500) / .75), 0 0 30px 0 rgb(var(--color-primary-400) / .55) !important;
    filter: brightness(1.06);
}
.nui-button.nui-button-solid.nui-button-primary:active,
button[type="submit"].nui-button-primary:active { transform: translateY(1px); }
/* o "Cadastre-se" do topo respira de leve, chamando o olho sem piscar */
@keyframes nb-respira {
    0%, 100% { box-shadow: 0 0 0 1px rgb(255 255 255 / .06) inset, 0 8px 24px -6px rgb(var(--color-primary-500) / .55), 0 0 16px -2px rgb(var(--color-primary-500) / .35); }
    50% { box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset, 0 8px 28px -4px rgb(var(--color-primary-500) / .8), 0 0 28px 0 rgb(var(--color-primary-400) / .6); }
}
#auth-nav-container .nui-button-primary { animation: nb-respira 2.8s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
    #auth-nav-container .nui-button-primary { animation: none; }
    .nui-button.nui-button-solid.nui-button-primary, #auth-nav-container .nui-button-primary, button[type="submit"].nui-button-primary { transition: none !important; }
}

/* cartoes de jogo: sobem um pouco e acendem a borda com a cor da casa */
.bg-cover.item.group.rounded-lg { transition: transform .22s ease, box-shadow .22s ease; }
@media (hover: hover) {
    .bg-cover.item.group.rounded-lg:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 0 1px rgb(var(--color-primary-400) / .7), 0 14px 30px -10px rgb(var(--color-primary-500) / .75);
    }
}
/* atalhos de categoria (Caixas, Mini Roleta, Cassino...): vidro escuro com borda de luz */
.shrink-0.mr-4 > a > .bg-muted-700\/80 {
    background: linear-gradient(180deg, rgb(255 255 255 / .06) 0%, rgb(255 255 255 / .015) 100%), rgb(var(--color-muted-800)) !important;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .07) inset;
    transition: box-shadow .2s ease, transform .2s ease;
}
@media (hover: hover) {
    .shrink-0.mr-4 > a:hover { opacity: 1 !important; }
    .shrink-0.mr-4 > a:hover > .bg-muted-700\/80 {
        box-shadow: 0 0 0 1px rgb(var(--color-primary-400) / .75) inset, 0 0 20px -6px rgb(var(--color-primary-500) / .9);
        transform: translateY(-1px);
    }
}

/* ---------- campos: fundo escuro, borda fina e anel de luz ao focar ---------- */
.nui-input-wrapper .nui-input {
    background-color: rgb(5 8 16 / .72) !important;
    border-color: rgb(255 255 255 / .08) !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}
.nui-input-wrapper .nui-input:focus {
    border-color: rgb(var(--color-primary-500) / .9) !important;
    box-shadow: 0 0 0 3px rgb(var(--color-primary-500) / .22), 0 0 18px -4px rgb(var(--color-primary-500) / .6) !important;
}

/* ---------- janelas (entrar, cadastro, deposito): vidro escuro com borda de luz ---------- */
.nb-modal-backdrop { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.nb-modal-backdrop .bg-muted-800.shadow-xl {
    background: linear-gradient(180deg, #0d1324 0%, #080c18 100%) !important;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .07), 0 30px 80px -20px rgb(0 0 0 / .8), 0 0 60px -30px rgb(var(--color-primary-500) / .6) !important;
    border-radius: 20px !important;
    overflow: hidden;
}
@media (max-width: 639px) {
    .nb-modal-backdrop .bg-muted-800.shadow-xl { border-radius: 20px 20px 0 0 !important; }
}

/* ---------- arte ao lado do formulario de Entrar e de Cadastro ---------- */
.nb-auth-arte { display: none; }
@media (min-width: 900px) {
    .nb-modal-backdrop .shadow-xl.nb-com-arte { max-width: 828px !important; width: 828px !important; }
    .nb-auth-arte {
        display: block; position: relative; flex: 0 0 380px; width: 380px; min-height: 560px;
        overflow: hidden; background: #050913; isolation: isolate;
    }
    .nb-auth-arte > img {
        position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%;
        z-index: -1; animation: nb-arte-entra .6s ease both;
    }
    .nb-auth-arte::after {
        content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
        background: linear-gradient(180deg, rgb(5 9 19 / .85) 0%, rgb(5 9 19 / .2) 34%, rgb(5 9 19 / 0) 50%, rgb(5 9 19 / .55) 100%);
    }
    .nb-auth-arte__texto { position: absolute; top: 34px; left: 24px; right: 24px; text-align: center; }
    .nb-auth-arte[data-modo="login"] .nb-auth-arte__texto { top: 26px; }
    .nb-auth-arte[data-modo="login"] .nb-auth-arte__titulo { font-size: 30px; margin-top: 10px; }
    .nb-auth-arte[data-modo="login"] .nb-auth-arte__titulo em { font-size: 50px; white-space: nowrap; }
    .nb-auth-arte[data-modo="login"] .nb-auth-arte__sub { font-size: 13.5px; margin-top: 8px; }
    .nb-auth-arte__selo {
        display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
        color: #0b1020; background: linear-gradient(180deg, rgb(var(--bonus-accent-light)) 0%, rgb(var(--bonus-accent)) 100%);
        box-shadow: 0 0 18px -2px rgb(var(--bonus-accent) / .7);
    }
    .nb-auth-arte__titulo {
        display: block; margin-top: 14px; font-size: 34px; line-height: 1.02; font-weight: 900; font-style: italic; letter-spacing: -.02em;
        color: #fff; text-transform: uppercase; text-shadow: 0 3px 0 rgb(var(--color-primary-800)), 0 8px 26px rgb(0 0 0 / .6);
    }
    .nb-auth-arte__titulo em {
        font-style: italic; display: block; font-size: 64px; line-height: .95;
        background: linear-gradient(180deg, #fff6cf 0%, rgb(var(--bonus-accent)) 55%, #c98a00 100%);
        -webkit-background-clip: text; background-clip: text; color: transparent;
        filter: drop-shadow(0 3px 0 rgb(var(--bonus-accent-dark))) drop-shadow(0 0 22px rgb(var(--bonus-accent) / .45));
        text-shadow: none;
    }
    .nb-auth-arte__sub { display: block; margin-top: 10px; font-size: 15px; font-weight: 700; color: rgb(255 255 255 / .92); text-shadow: 0 2px 10px rgb(0 0 0 / .7); }
    .nb-auth-arte__rodape {
        position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; font-size: 11px; font-weight: 600; color: rgb(255 255 255 / .6); letter-spacing: .02em;
    }
    @keyframes nb-arte-entra { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { .nb-auth-arte > img { animation: none; } }
}
/* celular e tablet em pe': faixa curta com a oferta em cima do formulario */
@media (max-width: 899px) {
    .nb-auth-arte--faixa {
        display: flex; align-items: center; gap: 12px; position: relative; overflow: hidden;
        margin: 0; padding: 12px 16px; min-height: 76px;
        background: linear-gradient(90deg, rgb(5 9 19 / .92) 0%, rgb(5 9 19 / .55) 60%, rgb(5 9 19 / .15) 100%), var(--nb-arte-faixa) right 30% / cover no-repeat, #050913;
        border-bottom: 1px solid rgb(255 255 255 / .06);
    }
    .nb-auth-arte--faixa .nb-auth-arte__texto { text-align: left; }
    .nb-auth-arte--faixa .nb-auth-arte__selo { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgb(var(--bonus-accent)); }
    .nb-auth-arte--faixa .nb-auth-arte__titulo { display: block; font-size: 19px; line-height: 1.1; font-weight: 900; color: #fff; }
    .nb-auth-arte--faixa .nb-auth-arte__titulo em { font-style: normal; color: rgb(var(--bonus-accent)); }
    .nb-auth-arte--faixa .nb-auth-arte__sub { display: block; font-size: 12px; font-weight: 600; color: rgb(255 255 255 / .8); }
    .nb-auth-arte--faixa > img, .nb-auth-arte--faixa .nb-auth-arte__rodape { display: none; }
}

/* ==================================================================
   32. SEM PISCADA NO F5 (01/10): o dono via "outra versao" por meio
   segundo ao recarregar. Tres causas, tres consertos:
   a) topo de visitante antes do topo logado -> a pagina mostra na hora
      o ultimo topo logado guardado no aparelho (script logo depois do
      #auth-nav-container) e o saldo fica em brilho ate o valor novo chegar;
   b) cartao da Roleta da Sorte entrava depois e empurrava o menu -> o
      espaco dele fica reservado desde o primeiro quadro;
   c) icones so apareciam quando o app.js pintava -> cada icone ja tem a
      sua regra aqui (lista no fim do arquivo).
   ------------------------------------------------------------------ */
/* aparelho com topo logado guardado: o topo de visitante nao chega a aparecer */
html.nb-tem-topo #auth-nav-container .buttons.h-user { visibility: hidden; }
@keyframes nb-esqueleto { from { background-position: 130% 0, 0 0; } to { background-position: -30% 0, 0 0; } }
#auth-nav-container:has(> [data-nb-cedo]) .nb-cap-val,
#auth-nav-container:has(> [data-nb-cedo]) .nb-cap-bonus,
#auth-nav-container:has(> [data-nb-cedo]) [data-nb-balance] {
    color: transparent !important;
    border-radius: 6px;
    background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .14) 50%, transparent 70%) 0 0 / 250% 100%, rgb(255 255 255 / .08);
    animation: nb-esqueleto 1.2s linear infinite;
}
#menu-vertical .buttons.\!pt-5:not(:has(> .nb-cartao-roleta)):not(.nb-sem-cartao)::before {
    content: ""; display: block; height: 34px; padding-top: 56%; margin-bottom: 10px; border-radius: 12px;
    background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .06) 50%, transparent 70%) 0 0 / 250% 100%, rgb(var(--color-muted-800));
    animation: nb-esqueleto 1.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    #auth-nav-container .nb-cap-val, #auth-nav-container .nb-cap-bonus, #menu-vertical .buttons.\!pt-5::before { animation: none !important; }
}
:where(.i-flagpack\:br){background:url(/assets/icones/flagpack/br.svg) no-repeat center/contain;display:inline-block}
:where(.i-lucide\:chevron-down){-webkit-mask:url(/assets/icones/lucide/chevron-down.svg) no-repeat center/contain;mask:url(/assets/icones/lucide/chevron-down.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-lucide\:search){-webkit-mask:url(/assets/icones/lucide/search.svg) no-repeat center/contain;mask:url(/assets/icones/lucide/search.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-lucide\:x){-webkit-mask:url(/assets/icones/lucide/x.svg) no-repeat center/contain;mask:url(/assets/icones/lucide/x.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:add-line){-webkit-mask:url(/assets/icones/mingcute/add-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/add-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:aiming-fill){-webkit-mask:url(/assets/icones/mingcute/aiming-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/aiming-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:american-football-fill){-webkit-mask:url(/assets/icones/mingcute/american-football-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/american-football-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:apple-fill){-webkit-mask:url(/assets/icones/mingcute/apple-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/apple-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:arrow-down-line){-webkit-mask:url(/assets/icones/mingcute/arrow-down-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/arrow-down-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:arrow-right-fill){-webkit-mask:url(/assets/icones/mingcute/arrow-right-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/arrow-right-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:baseball-fill){-webkit-mask:url(/assets/icones/mingcute/baseball-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/baseball-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:basketball-fill){-webkit-mask:url(/assets/icones/mingcute/basketball-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/basketball-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:cellphone-2-fill){-webkit-mask:url(/assets/icones/mingcute/cellphone-2-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/cellphone-2-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:check-fill){-webkit-mask:url(/assets/icones/mingcute/check-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/check-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:check-line){-webkit-mask:url(/assets/icones/mingcute/check-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/check-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:close-circle-fill){-webkit-mask:url(/assets/icones/mingcute/close-circle-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/close-circle-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:close-fill){-webkit-mask:url(/assets/icones/mingcute/close-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/close-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:close-line){-webkit-mask:url(/assets/icones/mingcute/close-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/close-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:copy-2-line){-webkit-mask:url(/assets/icones/mingcute/copy-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/copy-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:currency-dollar-2-line){-webkit-mask:url(/assets/icones/mingcute/currency-dollar-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/currency-dollar-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:currency-dollar-fill){-webkit-mask:url(/assets/icones/mingcute/currency-dollar-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/currency-dollar-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:direction-dot-line){-webkit-mask:url(/assets/icones/mingcute/direction-dot-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/direction-dot-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:down-fill){-webkit-mask:url(/assets/icones/mingcute/down-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/down-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:down-line){-webkit-mask:url(/assets/icones/mingcute/down-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/down-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:edit-2-line){-webkit-mask:url(/assets/icones/mingcute/edit-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/edit-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:facebook-fill){-webkit-mask:url(/assets/icones/mingcute/facebook-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/facebook-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:flag-2-line){-webkit-mask:url(/assets/icones/mingcute/flag-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/flag-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:football-fill){-webkit-mask:url(/assets/icones/mingcute/football-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/football-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:forbid-circle-line){-webkit-mask:url(/assets/icones/mingcute/forbid-circle-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/forbid-circle-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:game-2-fill){-webkit-mask:url(/assets/icones/mingcute/game-2-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/game-2-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:game-2-line){-webkit-mask:url(/assets/icones/mingcute/game-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/game-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:gift-fill){-webkit-mask:url(/assets/icones/mingcute/gift-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/gift-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:greatwall-line){-webkit-mask:url(/assets/icones/mingcute/greatwall-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/greatwall-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:hashtag-line){-webkit-mask:url(/assets/icones/mingcute/hashtag-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/hashtag-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:home-4-line){-webkit-mask:url(/assets/icones/mingcute/home-4-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/home-4-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:inbox-line){-webkit-mask:url(/assets/icones/mingcute/inbox-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/inbox-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:information-line){-webkit-mask:url(/assets/icones/mingcute/information-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/information-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:instagram-fill){-webkit-mask:url(/assets/icones/mingcute/instagram-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/instagram-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:left-line){-webkit-mask:url(/assets/icones/mingcute/left-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/left-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:loading-line){-webkit-mask:url(/assets/icones/mingcute/loading-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/loading-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:lock-fill){-webkit-mask:url(/assets/icones/mingcute/lock-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/lock-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:mail-line){-webkit-mask:url(/assets/icones/mingcute/mail-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/mail-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:mail-send-fill){-webkit-mask:url(/assets/icones/mingcute/mail-send-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/mail-send-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:minimize-line){-webkit-mask:url(/assets/icones/mingcute/minimize-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/minimize-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:paw-fill){-webkit-mask:url(/assets/icones/mingcute/paw-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/paw-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:phone-line){-webkit-mask:url(/assets/icones/mingcute/phone-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/phone-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:pingpong-fill){-webkit-mask:url(/assets/icones/mingcute/pingpong-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/pingpong-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:play-fill){-webkit-mask:url(/assets/icones/mingcute/play-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/play-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:qrcode-2-line){-webkit-mask:url(/assets/icones/mingcute/qrcode-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/qrcode-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:right-line){-webkit-mask:url(/assets/icones/mingcute/right-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/right-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:search-2-fill){-webkit-mask:url(/assets/icones/mingcute/search-2-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/search-2-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:search-2-line){-webkit-mask:url(/assets/icones/mingcute/search-2-line.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/search-2-line.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:settings-4-fill){-webkit-mask:url(/assets/icones/mingcute/settings-4-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/settings-4-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:share-2-fill){-webkit-mask:url(/assets/icones/mingcute/share-2-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/share-2-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:social-x-fill){-webkit-mask:url(/assets/icones/mingcute/social-x-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/social-x-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:spade-fill){-webkit-mask:url(/assets/icones/mingcute/spade-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/spade-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:sword-fill){-webkit-mask:url(/assets/icones/mingcute/sword-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/sword-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:telegram-fill){-webkit-mask:url(/assets/icones/mingcute/telegram-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/telegram-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:trophy-fill){-webkit-mask:url(/assets/icones/mingcute/trophy-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/trophy-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:whatsapp-fill){-webkit-mask:url(/assets/icones/mingcute/whatsapp-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/whatsapp-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-mingcute\:windows-fill){-webkit-mask:url(/assets/icones/mingcute/windows-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/windows-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:airplane-fill){-webkit-mask:url(/assets/icones/ph/airplane-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/airplane-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:at-duotone){-webkit-mask:url(/assets/icones/ph/at-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/ph/at-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:bomb-fill){-webkit-mask:url(/assets/icones/ph/bomb-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/bomb-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:caret-down){-webkit-mask:url(/assets/icones/ph/caret-down.svg) no-repeat center/contain;mask:url(/assets/icones/ph/caret-down.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:check-circle-bold){-webkit-mask:url(/assets/icones/ph/check-circle-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/check-circle-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:dice-five-fill){-webkit-mask:url(/assets/icones/ph/dice-five-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/dice-five-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:eye-fill){-webkit-mask:url(/assets/icones/ph/eye-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/eye-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:eye-slash-fill){-webkit-mask:url(/assets/icones/ph/eye-slash-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/eye-slash-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:heart-straight-fill){-webkit-mask:url(/assets/icones/ph/heart-straight-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/heart-straight-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:heart-straight-light){-webkit-mask:url(/assets/icones/ph/heart-straight-light.svg) no-repeat center/contain;mask:url(/assets/icones/ph/heart-straight-light.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:identification-badge-bold){-webkit-mask:url(/assets/icones/ph/identification-badge-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/identification-badge-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:identification-card-bold){-webkit-mask:url(/assets/icones/ph/identification-card-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/identification-card-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:lock-bold){-webkit-mask:url(/assets/icones/ph/lock-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/lock-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:lock-key-bold){-webkit-mask:url(/assets/icones/ph/lock-key-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/lock-key-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:password-bold){-webkit-mask:url(/assets/icones/ph/password-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/password-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:soccer-ball-duotone){-webkit-mask:url(/assets/icones/ph/soccer-ball-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/ph/soccer-ball-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:tennis-ball-fill){-webkit-mask:url(/assets/icones/ph/tennis-ball-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ph/tennis-ball-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ph\:x-circle-bold){-webkit-mask:url(/assets/icones/ph/x-circle-bold.svg) no-repeat center/contain;mask:url(/assets/icones/ph/x-circle-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-ri\:fullscreen-fill){-webkit-mask:url(/assets/icones/ri/fullscreen-fill.svg) no-repeat center/contain;mask:url(/assets/icones/ri/fullscreen-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:airbuds-case-minimalistic-bold-duotone){-webkit-mask:url(/assets/icones/solar/airbuds-case-minimalistic-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/airbuds-case-minimalistic-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:alarm-play-bold-duotone){-webkit-mask:url(/assets/icones/solar/alarm-play-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/alarm-play-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:arrow-down-bold-duotone){-webkit-mask:url(/assets/icones/solar/arrow-down-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/arrow-down-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:arrow-left-bold-duotone){-webkit-mask:url(/assets/icones/solar/arrow-left-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/arrow-left-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:arrow-right-bold){-webkit-mask:url(/assets/icones/solar/arrow-right-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/arrow-right-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:arrow-up-bold-duotone){-webkit-mask:url(/assets/icones/solar/arrow-up-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/arrow-up-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:basketball-bold-duotone){-webkit-mask:url(/assets/icones/solar/basketball-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/basketball-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:bell-bold-duotone){-webkit-mask:url(/assets/icones/solar/bell-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/bell-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:bell-off-bold-duotone){-webkit-mask:url(/assets/icones/solar/bell-off-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/bell-off-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:book-bookmark-bold){-webkit-mask:url(/assets/icones/solar/book-bookmark-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/book-bookmark-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:box-bold-duotone){-webkit-mask:url(/assets/icones/solar/box-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/box-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:box-minimalistic-bold-duotone){-webkit-mask:url(/assets/icones/solar/box-minimalistic-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/box-minimalistic-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:buildings-2-bold-duotone){-webkit-mask:url(/assets/icones/solar/buildings-2-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/buildings-2-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:calendar-bold-duotone){-webkit-mask:url(/assets/icones/solar/calendar-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/calendar-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:chat-round-dots-bold-duotone){-webkit-mask:url(/assets/icones/solar/chat-round-dots-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/chat-round-dots-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:chat-round-unread-bold){-webkit-mask:url(/assets/icones/solar/chat-round-unread-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/chat-round-unread-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:chat-round-unread-bold-duotone){-webkit-mask:url(/assets/icones/solar/chat-round-unread-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/chat-round-unread-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:check-circle-bold){-webkit-mask:url(/assets/icones/solar/check-circle-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/check-circle-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:check-circle-bold-duotone){-webkit-mask:url(/assets/icones/solar/check-circle-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/check-circle-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:city-bold-duotone){-webkit-mask:url(/assets/icones/solar/city-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/city-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:clapperboard-play-bold-duotone){-webkit-mask:url(/assets/icones/solar/clapperboard-play-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/clapperboard-play-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:clock-circle-bold-duotone){-webkit-mask:url(/assets/icones/solar/clock-circle-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/clock-circle-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:cup-star-bold-duotone){-webkit-mask:url(/assets/icones/solar/cup-star-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/cup-star-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:delivery-bold-duotone){-webkit-mask:url(/assets/icones/solar/delivery-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/delivery-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:dollar-bold){-webkit-mask:url(/assets/icones/solar/dollar-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/dollar-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:dollar-bold-duotone){-webkit-mask:url(/assets/icones/solar/dollar-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/dollar-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:dollar-minimalistic-bold-duotone){-webkit-mask:url(/assets/icones/solar/dollar-minimalistic-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/dollar-minimalistic-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:filter-bold-duotone){-webkit-mask:url(/assets/icones/solar/filter-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/filter-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:flag-bold-duotone){-webkit-mask:url(/assets/icones/solar/flag-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/flag-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:gameboy-bold-duotone){-webkit-mask:url(/assets/icones/solar/gameboy-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/gameboy-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:gamepad-bold-duotone){-webkit-mask:url(/assets/icones/solar/gamepad-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/gamepad-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:gift-bold-duotone){-webkit-mask:url(/assets/icones/solar/gift-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/gift-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:history-2-line-duotone){-webkit-mask:url(/assets/icones/solar/history-2-line-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/history-2-line-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:history-bold){-webkit-mask:url(/assets/icones/solar/history-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/history-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:home-bold-duotone){-webkit-mask:url(/assets/icones/solar/home-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/home-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:inbox-bold-duotone){-webkit-mask:url(/assets/icones/solar/inbox-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/inbox-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:info-circle-bold){-webkit-mask:url(/assets/icones/solar/info-circle-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/info-circle-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:key-minimalistic-square-bold-duotone){-webkit-mask:url(/assets/icones/solar/key-minimalistic-square-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/key-minimalistic-square-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:letter-opened-bold-duotone){-webkit-mask:url(/assets/icones/solar/letter-opened-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/letter-opened-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:lightning-bold){-webkit-mask:url(/assets/icones/solar/lightning-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/lightning-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:lock-keyhole-bold-duotone){-webkit-mask:url(/assets/icones/solar/lock-keyhole-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/lock-keyhole-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:lock-keyhole-outline){-webkit-mask:url(/assets/icones/solar/lock-keyhole-outline.svg) no-repeat center/contain;mask:url(/assets/icones/solar/lock-keyhole-outline.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:login-2-bold-duotone){-webkit-mask:url(/assets/icones/solar/login-2-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/login-2-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:login-3-bold-duotone){-webkit-mask:url(/assets/icones/solar/login-3-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/login-3-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:map-point-bold-duotone){-webkit-mask:url(/assets/icones/solar/map-point-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/map-point-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:meditation-broken){-webkit-mask:url(/assets/icones/solar/meditation-broken.svg) no-repeat center/contain;mask:url(/assets/icones/solar/meditation-broken.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:money-bag-bold-duotone){-webkit-mask:url(/assets/icones/solar/money-bag-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/money-bag-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:plain-2-bold){-webkit-mask:url(/assets/icones/solar/plain-2-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/plain-2-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:play-bold){-webkit-mask:url(/assets/icones/solar/play-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/play-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:play-circle-bold-duotone){-webkit-mask:url(/assets/icones/solar/play-circle-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/play-circle-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:remote-controller-minimalistic-linear){-webkit-mask:url(/assets/icones/solar/remote-controller-minimalistic-linear.svg) no-repeat center/contain;mask:url(/assets/icones/solar/remote-controller-minimalistic-linear.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:rocket-bold-duotone){-webkit-mask:url(/assets/icones/solar/rocket-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/rocket-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:server-2-bold-duotone){-webkit-mask:url(/assets/icones/solar/server-2-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/server-2-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:shield-check-bold){-webkit-mask:url(/assets/icones/solar/shield-check-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/shield-check-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:shield-check-bold-duotone){-webkit-mask:url(/assets/icones/solar/shield-check-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/shield-check-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:square-transfer-vertical-bold-duotone){-webkit-mask:url(/assets/icones/solar/square-transfer-vertical-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/square-transfer-vertical-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:star-bold){-webkit-mask:url(/assets/icones/solar/star-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/star-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:stars-bold-duotone){-webkit-mask:url(/assets/icones/solar/stars-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/stars-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:streets-bold-duotone){-webkit-mask:url(/assets/icones/solar/streets-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/streets-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:sun-bold-duotone){-webkit-mask:url(/assets/icones/solar/sun-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/sun-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:tag-price-bold-duotone){-webkit-mask:url(/assets/icones/solar/tag-price-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/tag-price-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:target-bold-duotone){-webkit-mask:url(/assets/icones/solar/target-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/target-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:ticker-star-bold){-webkit-mask:url(/assets/icones/solar/ticker-star-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/ticker-star-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:ticket-bold-duotone){-webkit-mask:url(/assets/icones/solar/ticket-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/ticket-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:ticket-sale-bold-duotone){-webkit-mask:url(/assets/icones/solar/ticket-sale-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/ticket-sale-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:upload-bold-duotone){-webkit-mask:url(/assets/icones/solar/upload-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/upload-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:user-bold){-webkit-mask:url(/assets/icones/solar/user-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/user-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:user-bold-duotone){-webkit-mask:url(/assets/icones/solar/user-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/user-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:video-frame-play-vertical-bold-duotone){-webkit-mask:url(/assets/icones/solar/video-frame-play-vertical-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/video-frame-play-vertical-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:wallet-money-bold){-webkit-mask:url(/assets/icones/solar/wallet-money-bold.svg) no-repeat center/contain;mask:url(/assets/icones/solar/wallet-money-bold.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}
:where(.i-solar\:wallet-money-bold-duotone){-webkit-mask:url(/assets/icones/solar/wallet-money-bold-duotone.svg) no-repeat center/contain;mask:url(/assets/icones/solar/wallet-money-bold-duotone.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}

/* ==================================================================
   33. LOGO SEM DEFORMAR (01/10): o PageSpeed acusou "imagem com proporcao
   errada" na logo nova (mais larga que a antiga). Vale pra qualquer logo
   publicada em Marca e visual.
   ------------------------------------------------------------------ */
.app-logo img, .logo-container img, .navbar-brand img { width: auto !important; max-width: 100%; object-fit: contain; }

/* ==================================================================
   34. TABLET (01/10): de 640 a 991 px o menu e' gaveta (de 992 em diante
   vira a barra lateral fixa de computador). O molde abria essa gaveta na
   tela inteira, com logo e cartao da roleta gigantes, e nao mostrava logo
   no topo. Agora a gaveta tem 400 px, a logo de dentro fica no tamanho
   normal e, de 768 a 991 px (onde cabe), o topo mostra a logo a esquerda.
   ------------------------------------------------------------------ */
@media (min-width: 640px) and (max-width: 991px) {
    #menu-vertical { width: 400px !important; max-width: 400px; box-shadow: 24px 0 60px -10px rgb(0 0 0 / .7); }
    #menu-vertical .logo-container img { max-height: 44px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-logo:has(.logo-container.md\:hidden) { order: -1; margin-right: 14px; }
    .navbar-brand > .logo-container.md\:hidden { display: flex !important; }
}

/* ==================================================================
   35. FAIXA "ULTIMOS GANHOS" SEM PULO (01/10): ela nascia escondida
   (style display:none) e o sistema_jogos.js so' mostrava quando os ganhos
   chegavam: no celular lento tudo abaixo descia ~120 px (CLS 0,074).
   Agora o espaco dela ja vem reservado, com brilho, e o conteudo aparece
   dentro dele (classe nb-ganhos-pronto, bloco 22 do ajustes_interface.js).
   Sem ganho nenhum pra mostrar, ela some (nb-sem-ganhos).
   ------------------------------------------------------------------ */
[data-ganhos].all-last-wins-container { display: block !important; min-height: 133px; }
@media (max-width: 639px) { [data-ganhos].all-last-wins-container { min-height: 114px; } }
@media (max-width: 374px) { [data-ganhos].all-last-wins-container { min-height: 130px; } }
@media (min-width: 1280px) { [data-ganhos].all-last-wins-container { min-height: 128px; } }
[data-ganhos].all-last-wins-container:not(.nb-ganhos-pronto) {
    border-radius: 14px;
    background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .05) 50%, transparent 70%) 0 0 / 250% 100%, rgb(var(--color-muted-800) / .7);
    animation: nb-esqueleto 1.4s linear infinite;
}
[data-ganhos].all-last-wins-container:not(.nb-ganhos-pronto) > * { visibility: hidden; }
[data-ganhos].all-last-wins-container.nb-sem-ganhos { display: none !important; }

/* 36. botao Menu de baixo nasce como "menu" (01/10; antes nascia como X e trocava) */
:where(.i-mingcute\:menu-fill){-webkit-mask:url(/assets/icones/mingcute/menu-fill.svg) no-repeat center/contain;mask:url(/assets/icones/mingcute/menu-fill.svg) no-repeat center/contain;background-color:currentColor;display:inline-block}