/* ======================================================
   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;
  }

}



 body.carrinho-checkout {
 background:#f0f8f7;color:#ffffff;font-family:Arial,Helvetica,sans-serif; }
body.carrinho-checkout .conteiner-principal,body.carrinho-checkout #corpo {
 background:transparent;background-image:none; }
body.carrinho-checkout #corpo .titulo,body.carrinho-checkout #corpo input,body.carrinho-checkout #corpo select,body.carrinho-checkout #corpo textarea,body.carrinho-checkout #corpo button,body.carrinho-checkout #corpo .botao,body.carrinho-checkout #corpo label {
 font-family:Arial,Helvetica,sans-serif; }
body.carrinho-checkout #corpo a {
 color:#2cb242; }
body.carrinho-checkout #corpo>.conteiner {
 box-sizing:border-box;max-width:1240px;background:transparent;box-shadow:none;padding:24px; }
body.carrinho-checkout #corpo .caixa-sombreada {
 box-sizing:border-box;background:#333333;color:#ffffff;border:1px solid #545454;border-radius:20px;box-shadow:0 8px 28px rgba(0,35,38,.06);padding:22px;margin-bottom:22px; }
body.carrinho-checkout #formularioCheckout fieldset {
 min-width:0; }
body.carrinho-checkout #formularioCheckout legend {
 font-size:18px;line-height:1.5;font-weight:700;color:#ffffff;border:0;margin-bottom:20px;white-space:normal; }
body.carrinho-checkout #formularioCheckout legend a {
 font-size:inherit;color:#2cb242; }
body.carrinho-checkout #formularioCheckout legend i {
 color:#14a92d;margin-right:10px; }
body.carrinho-checkout #formularioCheckout .control-label {
 font-size:13px;line-height:1.5;color:#ffffff;margin-bottom:6px; }
body.carrinho-checkout #formularioCheckout .control-group {
 margin-bottom:16px; }
body.carrinho-checkout #formularioCheckout input[type="text"],body.carrinho-checkout #formularioCheckout input[type="email"],body.carrinho-checkout #formularioCheckout input[type="tel"],body.carrinho-checkout #formularioCheckout input[type="password"],body.carrinho-checkout #formularioCheckout input[type="number"],body.carrinho-checkout #formularioCheckout select,body.carrinho-checkout #formularioCheckout textarea,body.carrinho-checkout #login-content input {
 box-sizing:border-box;max-width:100%;min-height:42px;height:auto;padding:10px 12px;background:#323733;color:#ffffff;border:1px solid #545454;border-radius:10px;box-shadow:none;font-size:14px;line-height:20px; }
body.carrinho-checkout #formularioCheckout input:focus,body.carrinho-checkout #formularioCheckout select:focus,body.carrinho-checkout #formularioCheckout textarea:focus,body.carrinho-checkout #login-content input:focus,body.carrinho-checkout #finalizarCompra:focus-visible,body.carrinho-checkout #tipoCadastro a:focus-visible {
 border-color:#14a92d;outline:2px solid #37b64d;outline-offset:1px; }
body.carrinho-checkout #formularioCheckout input[type="checkbox"],body.carrinho-checkout #formularioCheckout input[type="radio"] {
 accent-color:#14a92d; }
body.carrinho-checkout #formularioCheckout input[type=radio]:checked {
 outline:2px solid #2cb242;outline-offset:3px; }
body.carrinho-checkout #tipoCadastro {
 border-color:#545454;padding:14px 0;margin-bottom:20px; }
body.carrinho-checkout #tipoCadastro a {
 color:#ffffff;font-size:12px; }
body.carrinho-checkout #tipoCadastro .active a,body.carrinho-checkout .resumo-compra .cor-principal {
 color:#2cb242; }
body.carrinho-checkout #formularioCheckout .help-block,body.carrinho-checkout #corpo .muted,body.carrinho-checkout #formularioCheckout .warning-text {
 color:#cccccc;line-height:1.5; }
body.carrinho-checkout #formularioCheckout .error input,body.carrinho-checkout #formularioCheckout .erro input,body.carrinho-checkout #formularioCheckout input[aria-invalid="true"] {
 border-color:#d68680; }
body.carrinho-checkout #formularioCheckout .error .help-block,body.carrinho-checkout #formularioCheckout .erro .help-block {
 color:#d68680; }
body.carrinho-checkout #corpo #formas-pagamento-wrapper {
 background:#00363a;color:#ffffff;border-color:#00363a; }
body.carrinho-checkout #formas-pagamento-wrapper>fieldset>legend,body.carrinho-checkout #formas-pagamento-wrapper>fieldset>legend i,body.carrinho-checkout #formas-pagamento-wrapper .politica-privacidade {
 color:#ffffff; }
body.carrinho-checkout #formas-pagamento-wrapper>fieldset>.control-group,body.carrinho-checkout #formas-pagamento-wrapper>fieldset>.control-group label,body.carrinho-checkout #formas-pagamento-wrapper>fieldset>fieldset label {
 color:#ffffff; }
body.carrinho-checkout #exibirFormasPagamento .btn {
 color:#ffffff;background:transparent;border-color:#597c7f;text-shadow:none; }
body.carrinho-checkout #formasPagamento {
 border:0; }
body.carrinho-checkout #formasPagamento .accordion-group {
 background:#333333;color:#ffffff;border:1px solid #545454;border-radius:12px;margin-bottom:12px; }
body.carrinho-checkout #formasPagamento .accordion-heading {
 background:#333333;color:#ffffff;border-radius:12px; }
body.carrinho-checkout #formasPagamento .accordion-inner {
 border-color:#545454;background:#333333;color:#ffffff;padding:16px; }
body.carrinho-checkout #formasPagamento .cor-principal,body.carrinho-checkout #formasPagamento .cor-secundaria,body.carrinho-checkout #formasPagamento .control-label {
 color:#ffffff; }
body.carrinho-checkout #formasPagamento label,body.carrinho-checkout #formasPagamento .forma-conteiner,body.carrinho-checkout #formasPagamento .bandeiras-pagamento,body.carrinho-checkout #formasPagamento .accordion-inner p,body.carrinho-checkout #formasPagamento .accordion-inner span {
 color:#ffffff; }
body.carrinho-checkout #formasPagamento .help-block,body.carrinho-checkout #formasPagamento .info-pagamento,body.carrinho-checkout #formasPagamento .pagamento-boleto-info {
 color:#cccccc; }
body.carrinho-checkout #formasPagamento .bandeiras-pagamento {
 max-width:100%; }
body.carrinho-checkout #formasPagamento .cartao-placeholder-card {
 max-width:100%; }
body.carrinho-checkout #formas-pagamento-wrapper .acao-editar {
 margin-top:20px; }
body.carrinho-checkout #finalizarCompra,body.carrinho-checkout #login-content .submit-email {
 box-sizing:border-box;max-width:100%;white-space:normal;background:#28c3c3;background-image:none;color:#171721;border:1px solid #28c3c3;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:700;text-shadow:none;box-shadow:none;line-height:1.4; }
body.carrinho-checkout #finalizarCompra {
 width:100%; }
body.carrinho-checkout #finalizarCompra.disabled,body.carrinho-checkout #finalizarCompra:disabled {
 opacity:.5;cursor:not-allowed; }
body.carrinho-checkout .resumo-compra .tabela-carrinho {
 margin:0;border:0; }
body.carrinho-checkout .resumo-compra .tabela-carrinho td,body.carrinho-checkout .resumo-compra .tabela-carrinho th {
 border-color:#545454;color:#ffffff; }
body.carrinho-checkout .resumo-compra .tabela-carrinho .bg-dark {
 background:#323733; }
body.carrinho-checkout .resumo-compra .produto-info {
 color:#ffffff;font-weight:600;white-space:normal;overflow-wrap:anywhere; }
body.carrinho-checkout .resumo-compra .produto-info ul {
 color:#ffffff;font-weight:400;opacity:.8; }
body.carrinho-checkout .resumo-compra .preco-carrinho-total {
 display:block;max-width:100%;font-size:24px;line-height:1.3;white-space:normal;overflow-wrap:anywhere; }
body.carrinho-checkout .resumo-compra .tabela-carrinho .padding-preco>div {
 padding-left:0; }
body.carrinho-checkout .resumo-compra .preco-carrinho-total {
 font-variant-numeric:tabular-nums; }
body.carrinho-checkout #login-content .identificacao {
 background:#333333;color:#ffffff;border:1px solid #545454;border-radius:20px;padding:24px;box-sizing:border-box; }
body.carrinho-checkout #login-content .identificacao-title {
 color:#ffffff; }
body.carrinho-checkout .checkout-alerta-seguro {
 color:#157d29; }
@media(min-width:1000px) {
 body.carrinho-checkout #formularioCheckout>.row-fluid>.span4 {
  box-sizing:border-box;min-width:0; }
 body.carrinho-checkout .campos-pedido>.campos-pedido {
  display:grid;grid-template-columns:auto 320px;gap:0 24px;align-items:start; }
 body.carrinho-checkout #login-content {
  grid-column:1;grid-row:1;min-width:0; }
 body.carrinho-checkout .checkout-alerta-seguro {
  grid-column:1;grid-row:2;width:auto;max-width:none;margin:0 0 24px; }
 body.carrinho-checkout .campos-pedido>.campos-pedido>.row-fluid {
  grid-column:2;grid-row:1/4;min-width:0;position:sticky;top:24px; }
 body.carrinho-checkout #formularioCheckout {
  grid-column:1;grid-row:3;min-width:0; }
 body.carrinho-checkout #login-content .identificacao-inner {
  padding:0; }
 body.carrinho-checkout #formularioCheckout>.row-fluid>.span4 {
  width:100%;margin-left:0;float:none; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho thead {
  display:none; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .titulo {
  font-size:14px; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .preco-carrinho-total {
  font-size:20px; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho,body.carrinho-checkout .resumo-compra .tabela-carrinho tbody {
  display:block;width:100%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho tr:not(.hide) {
  display:flow-root;width:100%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho tr {
  box-sizing:border-box;padding:0;border:0;max-width:100%; }
 body.carrinho-checkout .resumo-compra .tr-checkout-frete[style*="table-row"],body.carrinho-checkout .resumo-compra .tr-checkout-total[style*="table-row"],body.carrinho-checkout .resumo-compra .desconto-tr[style*="table-row"] {
  display:flow-root!important;width:100%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho td {
  display:block;box-sizing:border-box;padding:8px 3px;width:auto;height:auto;min-width:0; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .conteiner-qtd {
  float:left;width:25%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .padding-preco {
  float:right;width:65%;white-space:normal; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .text-right {
  float:left;width:35%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .bg-dark>td:first-child:not([colspan]) {
  display:none; }
}
@media(max-width:999px) {
 body.carrinho-checkout #formularioCheckout>.row-fluid>.span4 {
  float:none;width:100%;margin-left:0; }
 body.carrinho-checkout #corpo>.conteiner {
  padding:16px; }
}
@media(max-width:767px) {
 body.carrinho-checkout #corpo>.conteiner {
  padding:12px; }
 body.carrinho-checkout #corpo .caixa-sombreada {
  padding:14px;margin-bottom:16px; }
 body.carrinho-checkout #formularioCheckout legend {
  font-size:17px; }
 body.carrinho-checkout #formularioCheckout input[type="text"],body.carrinho-checkout #formularioCheckout input[type="email"],body.carrinho-checkout #formularioCheckout input[type="password"],body.carrinho-checkout #formularioCheckout input[type="tel"],body.carrinho-checkout #formularioCheckout input[type="number"],body.carrinho-checkout #formularioCheckout select,body.carrinho-checkout #formularioCheckout textarea {
  width:100%;font-size:16px;min-height:44px; }
 body.carrinho-checkout #formularioCheckout .row-fluid>.control-group[class*="span"] {
  width:100%;margin-left:0;float:none; }
 body.carrinho-checkout #formularioCheckout .controls {
  min-width:0; }
 body.carrinho-checkout #tipoCadastro {
  display:flex;gap:8px; }
 body.carrinho-checkout #tipoCadastro>li {
  box-sizing:border-box;flex:1;width:auto;float:none;margin:0; }
 body.carrinho-checkout #tipoCadastro>li>a {
  display:block;min-height:44px;padding:10px 4px;border:1px solid #545454;border-radius:10px;text-align:center;line-height:22px; }
 body.carrinho-checkout #tipoCadastro>li.active>a {
  background:#303f32;color:#4fbf62; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho,body.carrinho-checkout .resumo-compra .tabela-carrinho tbody {
  width:100%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho tr {
  box-sizing:border-box;margin-bottom:10px;border:0;padding:0; }
 body.carrinho-checkout .resumo-compra .tr-checkout-frete[style*="table-row"],body.carrinho-checkout .resumo-compra .tr-checkout-total[style*="table-row"],body.carrinho-checkout .resumo-compra .desconto-tr[style*="table-row"] {
  display:block!important;width:100%;overflow:hidden; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho td {
  box-sizing:border-box;border:0;height:auto;padding:7px 0; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .produto-info {
  width:auto;max-width:100%;white-space:normal;overflow:visible;overflow-wrap:break-word; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho td.phone-pullleft {
  float:none;width:100%; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho td.conteiner-qtd {
  float:left;width:auto; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .conteiner-qtd>div {
  background:#323733;color:#ffffff;font-size:13px; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .conteiner-qtd>div:before {
  content:"Qtd. "; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho td.conteiner-preco {
  float:right;clear:none;width:auto; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .tr-checkout-frete td:first-child {
  display:none; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .tr-checkout-frete td {
  float:left;width:50%;text-align:left; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .tr-checkout-frete td:last-child {
  text-align:right; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .tr-checkout-total td.padding-preco {
  width:100%;border-top:1px solid #545454;padding-top:12px; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .tr-checkout-total .visible-phone {
  float:left; }
 body.carrinho-checkout .resumo-compra .tabela-carrinho .preco-carrinho-total {
  font-size:22px;white-space:normal; }
 body.carrinho-checkout #formasPagamento .accordion-inner {
  padding:12px; }
 body.carrinho-checkout #formasPagamento .accordion-heading {
  min-height:48px; }
 body.carrinho-checkout #formasPagamento .accordion-inner [class*="span"] {
  max-width:100%;box-sizing:border-box; }
 body.carrinho-checkout #login-content input {
  width:100%;font-size:16px; }
 body.carrinho-checkout #login-content .identificacao-inner {
  padding:0; }
 body.carrinho-checkout #login-content .email-box {
  float:none;width:100%;margin:0 0 12px; }
 body.carrinho-checkout #login-content .submit-email {
  width:100%;float:none; }
}
body.carrinho-checkout .checkout-item-imagem {
 float:left;width:40px;margin-right:10px; }
body.carrinho-checkout .checkout-item-imagem img {
 width:40px;height:40px;object-fit:contain; }
body.carrinho-checkout #corpo .checkout-item-imagem+.produto-info {
 margin-left:50px;min-height:40px;width:auto; }
 
 
 
 
 
