/* ======================================================
   FLIXGAMES - MENU PRINCIPAL PREMIUM
   APENAS DESKTOP
====================================================== */

@media (min-width: 991px) {

  .menu {
    background: linear-gradient(180deg,#132033,#07111f) !important;
    border: 1px solid #008cff !important;
    border-radius: 16px !important;
    box-shadow: 0 0 22px rgba(0,170,255,.22) !important;
    overflow: hidden !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
  }

  /* lista do menu */
  .menu .nivel-um {
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* cada item */
  .menu .nivel-um > li {
    background: transparent !important;
    border-right: 1px solid rgba(0,170,255,.18) !important;
  }

  /* link */
  .menu .nivel-um > li > a {
    background: transparent !important;
    color: #ffffff !important;
    padding: 16px 22px !important;
    transition: .25s ease !important;
  }

  /* texto do menu */
  .menu .nivel-um > li > a .titulo,
  .menu .nivel-um > li > a strong {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  /* hover */
  .menu .nivel-um > li > a:hover {
    background: linear-gradient(135deg,#0066ff,#00d9ff) !important;
    color: #ffffff !important;
    box-shadow: inset 0 -3px 0 #00ffff !important;
  }

  /* hover texto */
  .menu .nivel-um > li > a:hover .titulo,
  .menu .nivel-um > li > a:hover strong {
    color: #ffffff !important;
  }

  /* item ofertas */
  .menu .nivel-um > li:last-child > a {
    background: rgba(0,0,0,.35) !important;
  }

  .menu .nivel-um > li:last-child > a .titulo,
  .menu .nivel-um > li:last-child > a strong {
    color: #ff9900 !important;
  }

  /* hover ofertas */
  .menu .nivel-um > li:last-child > a:hover {
    background: linear-gradient(135deg,#ff0033,#ff9900) !important;
  }

  .menu .nivel-um > li:last-child > a:hover .titulo,
  .menu .nivel-um > li:last-child > a:hover strong {
    color: #ffffff !important;
  }

  /* ícones */
  .menu .nivel-um > li > a .icone-menu {
    filter: drop-shadow(0 0 6px rgba(0,217,255,.45)) !important;
  }

  /* submenu */
  .menu .nivel-dois,
  .menu .nivel-tres {
    background: #07111f !important;
    border: 1px solid #00aaff !important;
    border-radius: 0 0 12px 12px !important;
  }

  .menu .nivel-dois a,
  .menu .nivel-tres a {
    background: #07111f !important;
    color: #ffffff !important;
  }

  .menu .nivel-dois a:hover,
  .menu .nivel-tres a:hover {
    background: #00aaff !important;
    color: #ffffff !important;
  }

}


/* CORRIGIR TEXTOS DOS CARDS */
html body #corpo .listagem .listagem-item .nome-produto,
html body #corpo .listagem .listagem-item a.nome-produto,
html body #corpo .listagem .listagem-item .nome-produto *,
html body #corpo .listagem .listagem-item .titulo,
html body #corpo .listagem .listagem-item .titulo * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
  font-weight: 900 !important;
  text-shadow: 0 0 8px #000 !important;
}

/* PREÇO PIX */
html body #corpo .listagem .listagem-item .preco-promocional,
html body #corpo .listagem .listagem-item .preco-produto,
html body #corpo .listagem .listagem-item .preco-venda,
html body #corpo .listagem .listagem-item .preco-promocional *,
html body #corpo .listagem .listagem-item .preco-produto *,
html body #corpo .listagem .listagem-item .preco-venda * {
  color: #00ff55 !important;
  -webkit-text-fill-color: #00ff55 !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 8px #000 !important;
}

/* PREÇOS MENORES */
html body #corpo .listagem .listagem-item .preco-parcela,
html body #corpo .listagem .listagem-item .preco-a-vista,
html body #corpo .listagem .listagem-item .preco-antigo,
html body #corpo .listagem .listagem-item s,
html body #corpo .listagem .listagem-item del {
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  opacity: 1 !important;
}

/* FUNDO DA PARTE DO TEXTO */
html body #corpo .listagem .listagem-item .info-produto {
  background: #050505 !important;
}














/* FLIXGAMES - CONTORNO NEON PRODUTOS */

.listagem .listagem-item,
.listagem-produtos .listagem-item,
.vitrine-produtos .listagem-item,
li[class*="listagem"] .listagem-item,
div[class*="listagem-item"] {
  position: relative !important;
  border: 2px solid transparent !important;
  border-radius: 14px !important;
  background:
    linear-gradient(#050505,#050505) padding-box,
    linear-gradient(135deg,#00aaff,#00ffff,#ff0033,#ff6600) border-box !important;
  box-shadow:
    0 0 12px rgba(0,170,255,.45),
    0 0 18px rgba(255,0,51,.25) !important;
  overflow: hidden !important;
  transition: .25s ease !important;
}

/* hover */
.listagem .listagem-item:hover,
.listagem-produtos .listagem-item:hover,
.vitrine-produtos .listagem-item:hover,
li[class*="listagem"] .listagem-item:hover,
div[class*="listagem-item"]:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 0 20px rgba(0,170,255,.75),
    0 0 28px rgba(255,0,51,.45) !important;
}

/* imagem dentro do card */
.listagem .listagem-item img,
.listagem-produtos .listagem-item img,
.vitrine-produtos .listagem-item img {
  border-radius: 10px 10px 0 0 !important;
}



/* FLIXGAMES - SOMENTE ÁREA DA CONTA */

body.pagina-conta #corpo,
body.pagina-login #corpo,
body.pagina-cadastro #corpo,
body.pagina-pedido #corpo {
    background: #000 !important;
}

/* área principal da conta */
body.pagina-conta #corpo .conteiner,
body.pagina-login #corpo .conteiner,
body.pagina-cadastro #corpo .conteiner,
body.pagina-pedido #corpo .conteiner {
    background: #000 !important;
}

/* caixas apenas da conta */
body.pagina-conta #corpo .caixa,
body.pagina-conta #corpo .caixa-sombreada,
body.pagina-conta #corpo .well,
body.pagina-conta #corpo .abas-conteudo,
body.pagina-conta #corpo .tab-content,
body.pagina-conta #corpo .secao-principal,
body.pagina-conta #corpo .span9,
body.pagina-conta #corpo .span12 {
    background: #101010 !important;
    color: #fff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 14px !important;
}


/* =======================================================
   FLIXGAMES - CORREÇÃO TABELA PEDIDOS
======================================================= */

/* tabela geral */
body.pagina-pedido-listar #corpo table,
body[class*="pedido"] #corpo table,
body[class*="conta"] #corpo table{
    background:#0b0b0b !important;
    border:1px solid #00d9ff !important;
}

/* cabeçalho */
body.pagina-pedido-listar #corpo table thead th,
body[class*="pedido"] #corpo table thead th,
body[class*="conta"] #corpo table thead th{
    background:#111 !important;
    color:#ffffff !important;
    border-bottom:1px solid #00d9ff !important;
    font-weight:900 !important;
}

/* TODAS AS COLUNAS */
body.pagina-pedido-listar #corpo table tbody td,
body.pagina-pedido-listar #corpo table tbody td a,

body[class*="pedido"] #corpo table tbody td,
body[class*="pedido"] #corpo table tbody td a,

body[class*="conta"] #corpo table tbody td,
body[class*="conta"] #corpo table tbody td a{

    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    font-weight:700 !important;
    text-shadow:0 0 6px rgba(0,217,255,.45) !important;
}

/* DATA */
body.pagina-pedido-listar #corpo table tbody td:nth-child(2),
body[class*="pedido"] #corpo table tbody td:nth-child(2),
body[class*="conta"] #corpo table tbody td:nth-child(2){
    color:#ffffff !important;
}

/* STATUS */
body.pagina-pedido-listar #corpo table tbody td:nth-child(3),
body[class*="pedido"] #corpo table tbody td:nth-child(3),
body[class*="conta"] #corpo table tbody td:nth-child(3){
    color:#00ff66 !important;
}

/* CANCELADO */
body.pagina-pedido-listar #corpo table tbody tr.cancelado td:nth-child(3),
body[class*="pedido"] #corpo table tbody tr.cancelado td:nth-child(3){
    color:#ff3b3b !important;
}

/* VALOR */
body.pagina-pedido-listar #corpo table tbody td:nth-child(4),
body[class*="pedido"] #corpo table tbody td:nth-child(4),
body[class*="conta"] #corpo table tbody td:nth-child(4){
    color:#ffffff !important;
    font-weight:900 !important;
}

/* linhas */
body.pagina-pedido-listar #corpo table tbody tr,
body[class*="pedido"] #corpo table tbody tr,
body[class*="conta"] #corpo table tbody tr{
    background:#0a0a0a !important;
    transition:.2s;
}

/* hover */
body.pagina-pedido-listar #corpo table tbody tr:hover,
body[class*="pedido"] #corpo table tbody tr:hover,
body[class*="conta"] #corpo table tbody tr:hover{
    background:rgba(0,217,255,.08) !important;
}







/* Deixar números dos pedidos visíveis */
body.pagina-conta .tabela-pedidos td:first-child,
body.pagina-conta .tabela-pedidos tbody tr td:first-child,
body.pagina-conta table td:first-child a,
body.pagina-conta table td:first-child {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Caso o número esteja dentro de link */
body.pagina-conta .tabela-pedidos td:first-child a,
body.pagina-conta table td:first-child a {
  color: #ffffff !important;
  opacity: 1 !important;
}
















/* =======================================================
   FLIXGAMES - CORREÇÃO DESCRIÇÃO E VARIAÇÕES PRODUTO
======================================================= */

/* DESCRIÇÃO COMPLETA */
body.pagina-produto #corpo .descricao-produto,
body.pagina-produto #corpo .descricao-produto *,
body.pagina-produto #corpo #descricao,
body.pagina-produto #corpo #descricao *,
body.pagina-produto #corpo .tab-content,
body.pagina-produto #corpo .tab-content *,
body.pagina-produto #corpo .abas-conteudo,
body.pagina-produto #corpo .abas-conteudo * {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

/* TÍTULOS DA DESCRIÇÃO */
body.pagina-produto #corpo .descricao-produto h1,
body.pagina-produto #corpo .descricao-produto h2,
body.pagina-produto #corpo .descricao-produto h3,
body.pagina-produto #corpo .descricao-produto h4,
body.pagina-produto #corpo .descricao-produto strong {
    color: #00d9ff !important;
}

/* VARIAÇÕES / ATRIBUTOS */
body.pagina-produto #corpo .atributos,
body.pagina-produto #corpo .atributos *,
body.pagina-produto #corpo .atributo-comum,
body.pagina-produto #corpo .atributo-comum *,
body.pagina-produto #corpo .atributo-opcoes,
body.pagina-produto #corpo .atributo-opcoes *,
body.pagina-produto #corpo .atributo-item,
body.pagina-produto #corpo .atributo-item *,
body.pagina-produto #corpo .atributo-nome,
body.pagina-produto #corpo .atributo-nome * {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* BOTÕES DAS VARIAÇÕES */
body.pagina-produto #corpo .atributo-comum a,
body.pagina-produto #corpo .atributo-comum a span,
body.pagina-produto #corpo .atributo-comum li a,
body.pagina-produto #corpo .atributo-comum li a span,
body.pagina-produto #corpo .atributos a,
body.pagina-produto #corpo .atributos a span {
    background: #111 !important;
    color: #ffffff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 10px !important;
}

/* VARIAÇÃO SELECIONADA */
body.pagina-produto #corpo .atributo-comum .active a,
body.pagina-produto #corpo .atributo-comum .active a span,
body.pagina-produto #corpo .atributos .active a,
body.pagina-produto #corpo .atributos .active a span {
    background: linear-gradient(135deg, #0066ff, #00d9ff) !important;
    color: #ffffff !important;
    border-color: #00d9ff !important;
    font-weight: 900 !important;
}

/* SELECT DE VARIAÇÃO */
body.pagina-produto #corpo select,
body.pagina-produto #corpo select option {
    background: #000000 !important;
    color: #ffffff !important;
}

/* TEXTOS APAGADOS / CINZAS */
body.pagina-produto #corpo .muted,
body.pagina-produto #corpo .text-muted,
body.pagina-produto #corpo .help-block,
body.pagina-produto #corpo small {
    color: #ffffff !important;
    opacity: 1 !important;
}















/* =======================================================
   FLIXGAMES - CORREÇÃO CONTA / INDEX
======================================================= */

body.pagina-conta #corpo,
body.pagina-conta #corpo .conteiner {
    background: #000 !important;
}

/* caixas da conta */
body.pagina-conta #corpo .caixa,
body.pagina-conta #corpo .caixa-sombreada,
body.pagina-conta #corpo .well,
body.pagina-conta #corpo .secao-principal,
body.pagina-conta #corpo .span3,
body.pagina-conta #corpo .span4,
body.pagina-conta #corpo .span6,
body.pagina-conta #corpo .span9,
body.pagina-conta #corpo .span12,
body.pagina-conta #corpo .abas-conteudo,
body.pagina-conta #corpo .tab-content {
    background: #101010 !important;
    color: #ffffff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 16px !important;
    box-shadow: 0 0 18px rgba(0,217,255,.12) !important;
}

/* textos escuros invisíveis */
body.pagina-conta #corpo,
body.pagina-conta #corpo *,
body.pagina-conta #corpo [style*="#333"],
body.pagina-conta #corpo [style*="#666"],
body.pagina-conta #corpo [style*="color:#333"],
body.pagina-conta #corpo [style*="color: #333"],
body.pagina-conta #corpo [style*="color:#666"],
body.pagina-conta #corpo [style*="color: #666"] {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* títulos */
body.pagina-conta #corpo h1,
body.pagina-conta #corpo h2,
body.pagina-conta #corpo h3,
body.pagina-conta #corpo h4,
body.pagina-conta #corpo legend,
body.pagina-conta #corpo .titulo,
body.pagina-conta #corpo .titulo strong {
    color: #00d9ff !important;
    font-weight: 900 !important;
    text-shadow: 0 0 8px rgba(0,217,255,.45) !important;
}

/* menu lateral / opções da conta */
body.pagina-conta #corpo .menu-simples,
body.pagina-conta #corpo aside,
body.pagina-conta #corpo .conta-menu,
body.pagina-conta #corpo .menu-conta {
    background: #101010 !important;
    border: 1px solid #00d9ff !important;
    border-radius: 16px !important;
}

body.pagina-conta #corpo .menu-simples a,
body.pagina-conta #corpo aside a,
body.pagina-conta #corpo .conta-menu a,
body.pagina-conta #corpo .menu-conta a {
    background: #111 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(0,217,255,.20) !important;
    font-weight: 800 !important;
}

/* hover e ativo */
body.pagina-conta #corpo .menu-simples a:hover,
body.pagina-conta #corpo aside a:hover,
body.pagina-conta #corpo .conta-menu a:hover,
body.pagina-conta #corpo .menu-conta a:hover,
body.pagina-conta #corpo .menu-simples .active a,
body.pagina-conta #corpo .menu-simples .ativo a {
    background: linear-gradient(135deg,#0066ff,#00d9ff) !important;
    color: #ffffff !important;
}

/* botões */
body.pagina-conta #corpo .botao,
body.pagina-conta #corpo .btn,
body.pagina-conta #corpo button,
body.pagina-conta #corpo input[type="submit"] {
    background: linear-gradient(135deg,#0066ff,#00d9ff) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 16px rgba(0,217,255,.35) !important;
}

/* inputs */
body.pagina-conta #corpo input,
body.pagina-conta #corpo select,
body.pagina-conta #corpo textarea {
    background: #000 !important;
    color: #ffffff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 10px !important;
}

/* placeholders */
body.pagina-conta #corpo input::placeholder,
body.pagina-conta #corpo textarea::placeholder {
    color: #bfbfbf !important;
}

/* tabelas da conta */
body.pagina-conta #corpo table {
    background: #0b0b0b !important;
    border: 1px solid #00d9ff !important;
}

body.pagina-conta #corpo table th,
body.pagina-conta #corpo table td,
body.pagina-conta #corpo table td *,
body.pagina-conta #corpo table th * {
    color: #ffffff !important;
    border-color: rgba(0,217,255,.25) !important;
}

/* links */
body.pagina-conta #corpo a {
    color: #00d9ff !important;
}

body.pagina-conta #corpo a:hover {
    color: #ffffff !important;
}





/* =======================================================
   FLIXGAMES - BOTÃO COMPRAR HOME
   Estilo igual produto/checkout
======================================================= */

.listagem-item .botao,
.listagem-item .botao-comprar,
.listagem-item .botao.principal,
.listagem-item .acoes-produto .botao,
.listagem-item .produto-sobrepor .botao {
    background: linear-gradient(135deg,#0066ff,#00d9ff) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 14px rgba(0,217,255,.25) !important;
    transition: all .25s ease !important;
}

/* hover */
.listagem-item .botao:hover,
.listagem-item .botao-comprar:hover,
.listagem-item .botao.principal:hover,
.listagem-item .acoes-produto .botao:hover,
.listagem-item .produto-sobrepor .botao:hover {
    background: linear-gradient(135deg,#ff003c,#0066ff) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 0 18px rgba(0,217,255,.40) !important;
}


/* ======================================================
   FLIXGAMES - LOGO PEGANDO FOGO V2
====================================================== */

#cabecalho .logo,
.logo{
    position:relative !important;
    z-index:10 !important;
}

/* LOGO */
#cabecalho .logo img,
.logo img{

    position:relative !important;
    z-index:2 !important;

    transition:.3s ease !important;

    animation:
    flixLogoGlow
    1.6s infinite
    alternate ease-in-out;

    transform-origin:center center !important;
}

/* FOGO ATRÁS */
#cabecalho .logo::before,
.logo::before{

    content:"";

    position:absolute;

    left:50%;
    bottom:-5px;

    transform:
    translateX(-50%);

    width:130%;
    height:95%;

    background:
      radial-gradient(circle at 15% 90%, rgba(255,80,0,.95), transparent 20%),
      radial-gradient(circle at 30% 70%, rgba(255,180,0,.85), transparent 22%),
      radial-gradient(circle at 45% 90%, rgba(255,30,0,.95), transparent 20%),
      radial-gradient(circle at 60% 70%, rgba(255,200,0,.85), transparent 22%),
      radial-gradient(circle at 75% 90%, rgba(255,0,40,.90), transparent 20%),
      radial-gradient(circle at 90% 70%, rgba(255,120,0,.80), transparent 22%);

    filter:blur(22px);

    opacity:.95;

    z-index:1;

    pointer-events:none;

    animation:
    flixFireMove
    1.2s infinite
    alternate ease-in-out;
}

/* CHAMA EMBAIXO */
#cabecalho .logo::after,
.logo::after{

    content:"";

    position:absolute;

    left:5%;
    right:5%;

    bottom:-8px;

    height:4px;

    border-radius:999px;

    background:
    linear-gradient(
      90deg,
      #ff2200,
      #ff8800,
      #ffff00,
      #ff0033
    );

    box-shadow:
      0 0 12px #ff2200,
      0 0 24px #ff8800,
      0 0 30px rgba(255,0,0,.55);

    animation:
    flixFireLine
    1s infinite linear;
}

/* BRILHO LOGO */
@keyframes flixLogoGlow{

    from{

        filter:
        drop-shadow(0 0 6px rgba(255,100,0,.55))
        drop-shadow(0 0 10px rgba(255,0,0,.35));

    }

    to{

        filter:
        drop-shadow(0 0 10px rgba(255,200,0,.85))
        drop-shadow(0 0 22px rgba(255,0,0,.65));

    }

}

/* MOVIMENTO FOGO */
@keyframes flixFireMove{

    from{

        transform:
        translateX(-50%)
        scaleY(.85);

        opacity:.7;
    }

    to{

        transform:
        translateX(-50%)
        scaleY(1.15);

        opacity:1;
    }

}

/* EFEITO CHAMA */
@keyframes flixFireLine{

    0%{
        filter:
        hue-rotate(0deg);
    }

    100%{
        filter:
        hue-rotate(30deg);
    }

}

/* MOBILE MAIS LEVE */
@media(max-width:768px){

    #cabecalho .logo::before,
    .logo::before{

        width:115% !important;
        height:75% !important;

        filter:
        blur(14px) !important;

        opacity:.65 !important;
    }

    #cabecalho .logo::after,
    .logo::after{
        height:2px !important;
    }

}

/* ======================================================
   FLIXGAMES - ANIMAÇÃO LOGO SOMENTE MOBILE
====================================================== */

/* DESKTOP SEM ANIMAÇÃO */
#cabecalho .logo img,
.logo img{
    animation:none !important;
    transform:none !important;
    filter:none !important;
}

/* MOBILE */
@media(max-width:768px){

    #cabecalho .logo,
    .logo{
        position:relative !important;
        overflow:visible !important;
    }

    /* logo animado */
    #cabecalho .logo img,
    .logo img{

        position:relative !important;

        animation:
        flixPulseMobile 2s infinite ease-in-out,
        flixGlowMobile 1.8s infinite alternate !important;

        transform-origin:center center !important;
    }

    /* brilho passando */
    #cabecalho .logo::after,
    .logo::after{

        content:"";

        position:absolute;

        top:0;
        left:-120%;

        width:70%;
        height:100%;

        background:
        linear-gradient(
          90deg,
          transparent,
          rgba(255,255,255,.12),
          rgba(0,255,255,.35),
          transparent
        );

        transform:
        skewX(-20deg);

        pointer-events:none;

        animation:
        flixScanMobile
        3s infinite linear;
    }

}

/* brilho neon */
@keyframes flixGlowMobile{

    from{

        filter:
        drop-shadow(0 0 4px rgba(0,217,255,.35))
        drop-shadow(0 0 6px rgba(255,0,60,.18));

    }

    to{

        filter:
        drop-shadow(0 0 8px rgba(0,217,255,.75))
        drop-shadow(0 0 14px rgba(255,0,60,.38));

    }

}

/* pulsação leve */
@keyframes flixPulseMobile{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.035);
    }

    100%{
        transform:scale(1);
    }

}

/* brilho correndo */
@keyframes flixScanMobile{

    0%{
        left:-120%;
    }

    100%{
        left:150%;
    }

}


 /* ======================================================
   FLIXGAMES - MENU MOBILE PREMIUM
   sem mudar estrutura
====================================================== */

@media only screen and (max-width:1024px){

/* barra inteira */
.menu-rapido{

    background:
    linear-gradient(
      180deg,
      #0f1d30,
      #050b12
    ) !important;

    border-top:
    1px solid rgba(0,140,255,.35) !important;

    border-bottom:
    1px solid rgba(0,140,255,.35) !important;

    box-shadow:
      0 0 18px rgba(0,140,255,.22),
      inset 0 0 18px rgba(0,140,255,.08) !important;

    overflow-x:auto !important;
}

/* itens */
.menu-rapido li{

    position:relative !important;

    border-right:
    1px solid rgba(0,217,255,.18) !important;

    background:
    rgba(0,0,0,.12) !important;
}

/* link */
.menu-rapido li a{

    background:
    transparent !important;

    padding:
    14px 18px !important;

    transition:
    .25s ease !important;
}

/* texto */
.menu-rapido li strong.titulo{

    color:#ffffff !important;

    font-weight:900 !important;

    text-transform:
    uppercase !important;

    letter-spacing:
    .3px !important;

    text-shadow:
    0 0 8px rgba(0,0,0,.9) !important;
}

/* hover / toque */
.menu-rapido li a:hover,
.menu-rapido li a:active{

    background:
    linear-gradient(
      180deg,
      rgba(0,102,255,.18),
      rgba(0,217,255,.10)
    ) !important;
}

/* efeito neon azul */
.menu-rapido li::after{

    content:"";

    position:absolute;

    left:12%;
    right:12%;

    bottom:0;

    height:2px;

    border-radius:999px;

    background:
    linear-gradient(
      90deg,
      transparent,
      #00d9ff,
      transparent
    );

    opacity:.45;
}

/* OFERTAS destaque */
.menu-rapido li:last-child strong.titulo{

    color:#ff9900 !important;
}

}



/* ======================================================
   FLIXGAMES - RODAPÉ MOBILE PREMIUM
====================================================== */

@media only screen and (max-width:1024px){

/* barra inteira */
.barra-mobile{

    background:
    linear-gradient(
      180deg,
      #0f1d30,
      #050b12
    ) !important;

    border-top:
    1px solid rgba(0,140,255,.35) !important;

    box-shadow:
      0 -4px 18px rgba(0,140,255,.20),
      inset 0 0 18px rgba(0,140,255,.08) !important;

    backdrop-filter:
    blur(10px) !important;
}

/* container */
.barra-mobile .inside{

    display:flex !important;
    justify-content:space-between !important;
}

/* itens */
.barra-mobile a{

    position:relative !important;

    color:#ffffff !important;

    transition:
    .25s ease !important;

    border-right:
    1px solid rgba(0,217,255,.12) !important;

    background:
    rgba(0,0,0,.08) !important;
}

/* ícones */
.barra-mobile a i,
.barra-mobile a svg{

    color:#00d9ff !important;

    filter:
    drop-shadow(
      0 0 6px rgba(0,217,255,.35)
    ) !important;

    transition:.25s ease !important;
}

/* texto */
.barra-mobile a span,
.barra-mobile a small{

    color:#ffffff !important;

    font-weight:800 !important;

    text-shadow:
    0 0 8px rgba(0,0,0,.9) !important;
}

/* hover/toque */
.barra-mobile a:hover,
.barra-mobile a:active{

    background:
    linear-gradient(
      180deg,
      rgba(0,102,255,.16),
      rgba(0,217,255,.08)
    ) !important;
}

/* glow azul embaixo */
.barra-mobile a::after{

    content:"";

    position:absolute;

    left:20%;
    right:20%;

    bottom:0;

    height:2px;

    border-radius:999px;

    background:
    linear-gradient(
      90deg,
      transparent,
      #00d9ff,
      transparent
    );

    opacity:.45;
}

/* destaque buscar */
.barra-mobile a:last-child i,
.barra-mobile a:last-child svg{

    color:#ff9900 !important;
}

}


/* MENU LATERAL MOBILE - FLIXGAMES PREMIUM */
@media only screen and (max-width:1024px){

  .painel-mobile .inside{
    background:linear-gradient(180deg,#0f1d30,#050b12) !important;
    color:#fff !important;
    border-right:1px solid rgba(0,217,255,.35) !important;
    box-shadow:8px 0 25px rgba(0,140,255,.25) !important;
  }

  .painel-mobile .inside a,
  .painel-mobile .inside li,
  .painel-mobile .inside span,
  .painel-mobile .inside strong{
    color:#ffffff !important;
    font-weight:800 !important;
  }

  .painel-mobile .inside a{
    border-bottom:1px solid rgba(0,217,255,.12) !important;
    transition:.25s ease !important;
  }

  .painel-mobile .inside a:hover,
  .painel-mobile .inside a:active{
    background:linear-gradient(90deg,rgba(0,102,255,.25),rgba(0,217,255,.10)) !important;
    color:#00d9ff !important;
  }

  .painel-mobile .inside .titulo,
  .painel-mobile .inside .categoria,
  .painel-mobile .inside h3{
    color:#00d9ff !important;
    text-transform:uppercase !important;
  }

  .painel-mobile .inside i,
  .painel-mobile .inside svg{
    color:#00d9ff !important;
    filter:drop-shadow(0 0 6px rgba(0,217,255,.45)) !important;
  }
}


/* correcao site bugado */
@media (max-width: 768px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  #cabecalho,
  .cabecalho,
  .conteiner,
  .container{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .menu.superior,
  .menu.superior .nivel-um{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
  }

  .menu.superior .nivel-um{
    display:flex !important;
    flex-wrap:nowrap !important;
  }

  .menu.superior .nivel-um > li{
    flex:0 0 auto !important;
  }

  .secao-principal,
  .pagina-inicial,
  .listagem{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
}


/* =====================================
   MENU MOBILE PREMIUM
   Ajuste de tamanho e barra de rolagem
===================================== */

@media (max-width:768px){

  .menu.superior .nivel-um > li > a{
    padding:12px 14px !important;
    font-size:13px !important;
  }

  .menu.superior::-webkit-scrollbar,
  .menu.superior .nivel-um::-webkit-scrollbar{
    display:none !important;
  }

}