/* =====================================================
   GEPARTS RACING - NOVO VISUAL 2026
   ===================================================== */


/* =====================================================
   FUNDO GERAL
   ===================================================== */

body,
#corpo {
    background: #f7f7f7;
}


/* =====================================================
   LARGURA DO CONTEUDO
   ===================================================== */

#corpo .conteiner {
    max-width: 1280px;
}


/* =====================================================
   TITULOS DAS VITRINES
   ===================================================== */

.listagem .titulo-categoria {
    text-align: center !important;
    font-size: 27px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    text-transform: uppercase;
    margin-top: 35px !important;
    margin-bottom: 25px !important;
    letter-spacing: -0.5px;
}

.listagem .titulo-categoria strong {
    font-weight: 800 !important;
}

.listagem .titulo-categoria:after {
    content: "";
    width: 55px;
    height: 4px;
    background: #e30613;
    display: block;
    margin: 9px auto 0;
    border-radius: 10px;
}


/* =====================================================
   CARDS DOS PRODUTOS
   ===================================================== */

#corpo .listagem .listagem-item {
    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

#corpo .listagem .listagem-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.10);
    border-color: #d9d9d9 !important;
}


/* =====================================================
   FOTO DOS PRODUTOS
   ===================================================== */

#corpo .listagem .imagem-produto {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
}


/* =====================================================
   NOME DOS PRODUTOS
   ===================================================== */

#corpo .listagem .nome-produto {
    color: #181818 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    min-height: 55px;
}


/* =====================================================
   PRECO
   ===================================================== */

#corpo .listagem .preco-produto {
    margin-top: 8px !important;
}

#corpo .listagem .preco-promocional,
#corpo .listagem .preco-venda {
    color: #e30613 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
}

#corpo .listagem .preco-antigo {
    color: #888888 !important;
}


/* =====================================================
   BOTOES
   ===================================================== */

.botao.principal,
.botao-comprar,
.listagem-item .botao-comprar {
    background: #e30613 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 7px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    box-shadow: none !important;
}

.botao.principal:hover,
.botao-comprar:hover,
.listagem-item .botao-comprar:hover {
    background: #b9000a !important;
    color: #ffffff !important;
}


/* =====================================================
   ETIQUETAS
   ===================================================== */

.bandeiras-produto .bandeira-promocao,
.bandeiras-produto .bandeira-frete-gratis {
    border-radius: 5px !important;
    font-weight: 700 !important;
}


/* =====================================================
   BUSCA
   ===================================================== */

.busca input {
    border-radius: 8px 0 0 8px !important;
}

.busca .botao-busca {
    background: #e30613 !important;
    border-radius: 0 8px 8px 0 !important;
}


/* =====================================================
   OCULTAR CODIGOS INTERNOS DOS PRODUTOS
   ===================================================== */

/* Esconde SKU/codigo nas vitrines */
#corpo .listagem .info-produto .produto-sku,
.listagem .produto-sku,
.info-produto .produto-sku {
    display: none !important;
}

/* Esconde codigo na pagina individual do produto */
.produto .codigo-produto {
    display: none !important;
}


/* =====================================================
   CABECALHO GEPARTS 2026
   ===================================================== */

.cabecalho-interno {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}


/* LOGO */

.logo a {
    display: block;
}

.logo img {
    max-height: 82px !important;
    width: auto !important;
}


/* BUSCA DO CABECALHO */

.conteudo-topo .busca,
.busca {
    border-radius: 8px !important;
}

.busca input {
    height: 48px !important;
    border: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.06) !important;
    font-size: 15px !important;
}

.busca input:focus {
    border-color: #e30613 !important;
}


/* CONTA E CARRINHO */

.acoes-conta,
.carrinho {
    font-weight: 600 !important;
}

.acoes-conta a:hover,
.carrinho a:hover {
    color: #e30613 !important;
}


/* =====================================================
   MENU PRINCIPAL
   ===================================================== */

.menu.superior {
    background: #111111 !important;
    border: 0 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}

.menu.superior .nivel-um {
    text-align: center !important;
}

.menu.superior .nivel-um > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    transition: all 0.2s ease;
}

.menu.superior .nivel-um > li > a:hover {
    color: #e30613 !important;
}


/* TITULOS DO MENU */

.menu.superior .titulo {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.menu.superior li:hover .titulo {
    color: #e30613 !important;
}


/* BOTAO CATEGORIAS */

.menu.superior .todos-departamentos a,
.menu.superior .departamentos a {
    border-radius: 6px !important;
}


/* SUBMENUS */

.menu.superior .nivel-dois {
    border-top: 3px solid #e30613 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

.menu.superior .nivel-dois a:hover {
    color: #e30613 !important;
}


/* =====================================================
   RODAPE GEPARTS 2026
   ===================================================== */

/* FUNDO PRINCIPAL DO RODAPE */

.rodape,
#rodape {
    background: #0d0d0d !important;
}


/* AREAS INTERNAS */

.rodape .institucional,
.rodape .pagamento-selos,
.rodape .conteiner,
#rodape .institucional,
#rodape .pagamento-selos {
    background: #0d0d0d !important;
}


/* REMOVE DIVISOES CLARAS */

.rodape .institucional {
    border-top: 1px solid #242424 !important;
    border-bottom: 1px solid #242424 !important;
}


/* TITULOS */

.rodape h4,
.rodape .titulo,
.rodape .institucional .titulo,
.rodape .pagamento-selos .titulo {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
}


/* LINHA VERMELHA ABAIXO DOS TITULOS */

.rodape h4:after,
.rodape .institucional .titulo:after,
.rodape .pagamento-selos .titulo:after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    background: #e30613;
    margin-top: 8px;
    border-radius: 5px;
}


/* LINKS DO RODAPE */

.rodape a,
.rodape .institucional a,
.rodape .lista-redes a {
    color: #cfcfcf !important;
    transition: all 0.2s ease;
}

.rodape a:hover,
.rodape .institucional a:hover,
.rodape .lista-redes a:hover {
    color: #e30613 !important;
    text-decoration: none !important;
}


/* TEXTOS */

.rodape p,
.rodape span,
.rodape li,
.rodape .institucional,
.rodape .institucional p {
    color: #bdbdbd;
}


/* ATENDIMENTO */

.rodape .contato li,
.rodape .sobre-loja-rodape li,
.rodape .atendimento li {
    border-color: #292929 !important;
}


/* WHATSAPP */

.rodape .contato a[href*="whatsapp"],
.rodape .contato a[href*="wa.me"] {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.rodape .contato a[href*="whatsapp"]:hover,
.rodape .contato a[href*="wa.me"]:hover {
    color: #e30613 !important;
}


/* =====================================================
   REDES SOCIAIS
   ===================================================== */

.rodape .lista-redes,
.rodape .redes-sociais {
    margin-top: 8px !important;
}

.rodape .lista-redes li,
.rodape .redes-sociais li {
    margin-right: 8px !important;
}

.rodape .lista-redes a,
.rodape .redes-sociais a {
    opacity: 1 !important;
}

.rodape .lista-redes i,
.rodape .redes-sociais i,
.rodape .lista-redes svg,
.rodape .redes-sociais svg {
    color: #e30613 !important;
    fill: #e30613 !important;
    opacity: 1 !important;
    font-size: 23px !important;
}

.rodape .lista-redes a:hover i,
.rodape .redes-sociais a:hover i {
    color: #ffffff !important;
}


/* =====================================================
   NEWSLETTER DO RODAPE
   ===================================================== */

.rodape .newsletter,
.rodape .newsletter-rodape,
.rodape .newsletter-interno {
    background: #111111 !important;
    border: 0 !important;
}

.rodape .newsletter .titulo,
.rodape .newsletter h3,
.rodape .newsletter h4 {
    color: #ffffff !important;
}

.rodape .newsletter input {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    height: 42px !important;
}

.rodape .newsletter .botao,
.rodape .newsletter button {
    background: #e30613 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.rodape .newsletter .botao:hover,
.rodape .newsletter button:hover {
    background: #b9000a !important;
}


/* =====================================================
   PAGAMENTO / COMPRA SEGURA / ENVIO
   ===================================================== */

.rodape .pagamento-selos {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.rodape .pagamento-selos img {
    max-height: 45px;
    width: auto;
}

.rodape .pagamento-selos .pagamento,
.rodape .pagamento-selos .selos,
.rodape .pagamento-selos .envio {
    color: #ffffff !important;
}


/* DEIXA LOGOS LEGIVEIS NO FUNDO ESCURO */

.rodape .pagamento-selos ul {
    margin-top: 12px !important;
}

.rodape .pagamento-selos li {
    vertical-align: middle !important;
}


/* =====================================================
   LINKS INSTITUCIONAIS
   ===================================================== */

.rodape .institucional ul li {
    margin-bottom: 8px !important;
}

.rodape .institucional ul li a {
    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* =====================================================
   RODAPE INFERIOR / COPYRIGHT
   ===================================================== */

.rodape .rodape-inferior,
.rodape .copyright,
.rodape .assinatura-rodape,
#rodape .rodape-inferior {
    background: #070707 !important;
    border-top: 1px solid #242424 !important;
    color: #888888 !important;
}

.rodape .rodape-inferior a,
.rodape .copyright a {
    color: #aaaaaa !important;
}

.rodape .rodape-inferior a:hover,
.rodape .copyright a:hover {
    color: #e30613 !important;
}


/* =====================================================
   AJUSTES VISUAIS DO RODAPE
   ===================================================== */

.rodape .institucional {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.rodape .institucional .span3,
.rodape .institucional .span4 {
    margin-bottom: 15px;
}


/* =====================================================
   MOBILE
   ===================================================== */

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

    .listagem .titulo-categoria {
        font-size: 21px !important;
        margin-top: 25px !important;
        margin-bottom: 18px !important;
    }

    #corpo .listagem .listagem-item {
        padding: 8px !important;
        border-radius: 9px !important;
    }

    #corpo .listagem .nome-produto {
        font-size: 13px !important;
        min-height: 53px;
    }

    #corpo .listagem .preco-promocional,
    #corpo .listagem .preco-venda {
        font-size: 18px !important;
    }


    /* CABECALHO MOBILE */

    .logo img {
        max-height: 65px !important;
    }

    .cabecalho-interno {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    /* RODAPE MOBILE */

    .rodape .institucional {
        padding: 25px 15px !important;
    }

    .rodape h4,
    .rodape .titulo,
    .rodape .institucional .titulo {
        font-size: 14px !important;
    }

    .rodape .institucional .span3,
    .rodape .institucional .span4 {
        margin-bottom: 25px !important;
    }

    .rodape .pagamento-selos {
        padding: 20px 15px !important;
    }

}/* =====================================================
   GEPARTS - CORRECAO FINAL DO RODAPE
   ===================================================== */

/* TITULOS DO RODAPE */
#rodape .titulo,
.rodape .titulo,
.rodape h4,
.rodape h5,
.rodape strong {
    color: #ffffff !important;
}

/* TEXTOS E LINKS */
#rodape p,
#rodape span,
#rodape li,
#rodape a,
.rodape p,
.rodape span,
.rodape li,
.rodape a {
    color: #bfbfbf !important;
}

/* LINKS AO PASSAR O MOUSE */
#rodape a:hover,
.rodape a:hover {
    color: #e30613 !important;
}

/* TITULOS DAS COLUNAS */
.rodape .institucional .titulo,
.rodape .pagamento-selos .titulo,
.rodape .contato .titulo {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* DETALHE VERMELHO NOS TITULOS */
.rodape .institucional .titulo:after,
.rodape .pagamento-selos .titulo:after {
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background: #e30613;
    margin-top: 8px;
    border-radius: 4px;
}

/* WHATSAPP E HORARIO */
.rodape .contato,
.rodape .contato span,
.rodape .contato p,
.rodape .contato a {
    color: #cfcfcf !important;
}

.rodape .contato strong {
    color: #ffffff !important;
}

/* ICONES INSTAGRAM E YOUTUBE */
.rodape .lista-redes i,
.rodape .redes-sociais i {
    color: #ffffff !important;
    opacity: 1 !important;
}

.rodape .lista-redes a:hover i,
.rodape .redes-sociais a:hover i {
    color: #e30613 !important;
}

/* NEWSLETTER */
.rodape .newsletter .titulo,
.rodape .newsletter h3,
.rodape .newsletter h4 {
    color: #ffffff !important;
}

/* BOTAO CADASTRAR */
.rodape .newsletter .botao,
.rodape .newsletter button {
    background: #e30613 !important;
    color: #ffffff !important;
}

.rodape .newsletter .botao:hover,
.rodape .newsletter button:hover {
    background: #b9000a !important;
}

/* TITULOS PAGAMENTO / SELO / ENVIO */
.rodape .pagamento-selos h4,
.rodape .pagamento-selos .titulo {
    color: #ffffff !important;
}
/* =====================================================
   GEPARTS - AJUSTE DEFINITIVO TEXTO DO RODAPE
   ===================================================== */

/* COLUNAS PRINCIPAIS */
.institucional,
.institucional *,
.pagamento-selos,
.pagamento-selos *,
.contato,
.contato * {
    opacity: 1 !important;
}

/* TITULOS: ATENDIMENTO / CATEGORIAS / INSTITUCIONAL */
.institucional .titulo,
.institucional h3,
.institucional h4,
.institucional h5,
.contato .titulo,
.contato h3,
.contato h4,
.contato h5 {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

/* LINKS E TEXTOS DAS COLUNAS */
.institucional a,
.institucional li,
.institucional p,
.institucional span,
.contato a,
.contato li,
.contato p,
.contato span {
    color: #cfcfcf !important;
    opacity: 1 !important;
}

/* HOVER VERMELHO */
.institucional a:hover,
.contato a:hover {
    color: #e30613 !important;
}

/* TITULOS DE PAGAMENTO / SEGURANCA / ENVIO */
.pagamento-selos .titulo,
.pagamento-selos h3,
.pagamento-selos h4,
.pagamento-selos h5 {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

/* HORARIO DE ATENDIMENTO */
.contato strong,
.contato b,
.institucional strong,
.institucional b {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ICONE YOUTUBE / INSTAGRAM */
.lista-redes a,
.redes-sociais a,
.lista-redes i,
.redes-sociais i {
    opacity: 1 !important;
}

.lista-redes i,
.redes-sociais i {
    color: #ffffff !important;
}

.lista-redes a:hover i,
.redes-sociais a:hover i {
    color: #e30613 !important;
}
/* =====================================================
   GEPARTS - BOTAO COMPRAR PAGINA DO PRODUTO
   ===================================================== */

.produto .comprar .botao,
.produto .acoes-produto .botao,
.produto .botao-comprar,
.produto a.botao.principal,
.produto button.botao.principal {
    background: #e30613 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    transition: all .2s ease !important;
}

.produto .comprar .botao:hover,
.produto .acoes-produto .botao:hover,
.produto .botao-comprar:hover,
.produto a.botao.principal:hover,
.produto button.botao.principal:hover {
    background: #b9000a !important;
    color: #ffffff !important;
}
/* =====================================================
   GEPARTS - AJUSTE MOBILE PAGINA DE PRODUTO
   ===================================================== */

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

    /* DESCRICAO DO PRODUTO */
    .produto .descricao,
    .produto .descricao-produto,
    .produto .tab-content {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    /* TITULOS DA DESCRICAO */
    .produto .descricao h1,
    .produto .descricao h2,
    .produto .descricao h3,
    .produto .descricao-produto h1,
    .produto .descricao-produto h2,
    .produto .descricao-produto h3 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin-top: 24px !important;
        margin-bottom: 12px !important;
    }

    /* TEXTOS */
    .produto .descricao p,
    .produto .descricao li,
    .produto .descricao-produto p,
    .produto .descricao-produto li {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    /* BLOCOS INTERNOS DA DESCRICAO */
    .produto .descricao div[style*="padding"],
    .produto .descricao-produto div[style*="padding"] {
        padding: 18px !important;
    }

    /* BOTAO WHATSAPP DENTRO DA DESCRICAO */
    .produto .descricao a[href*="wa.me"],
    .produto .descricao-produto a[href*="wa.me"] {
        font-size: 12px !important;
        padding: 12px 15px !important;
    }

    /* WHATSAPP FLUTUANTE - MENOR NO CELULAR */
    .whatsapp-fixo,
    .whatsapp,
    a[href*="wa.me"][style*="position: fixed"],
    a[href*="api.whatsapp.com"][style*="position: fixed"] {
        transform: scale(0.82);
        transform-origin: bottom right;
    }

}/* =====================================================
   GEPARTS - WHATSAPP MOBILE MENOR
   ===================================================== */

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

    .whatsapp-fixo,
    .whatsapp,
    a[href*="wa.me"][style*="position: fixed"],
    a[href*="api.whatsapp.com"][style*="position: fixed"] {
        transform: scale(0.68) !important;
        transform-origin: bottom right !important;
        right: 6px !important;
        bottom: 55px !important;
    }

}
/* =====================================================
   GEPARTS - AJUSTE FINAL HOME MOBILE
   ===================================================== */

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

    /* WHATSAPP MENOR NA HOME */
    .whatsapp-fixo,
    .whatsapp,
    a[href*="wa.me"][style*="position: fixed"],
    a[href*="api.whatsapp.com"][style*="position: fixed"] {
        transform: scale(0.62) !important;
        transform-origin: bottom right !important;
        right: 3px !important;
        bottom: 58px !important;
    }

    /* CARDS DE ESTILO MAIS COMPACTOS */
    #gp-home-v3 .gp-estilo-img {
        height: 128px !important;
    }

    #gp-home-v3 .gp-estilo-info {
        padding: 12px !important;
    }

    #gp-home-v3 .gp-estilo-info h3 {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    #gp-home-v3 .gp-estilo-info p {
        font-size: 11px !important;
        line-height: 1.35 !important;
        min-height: 42px !important;
        margin-bottom: 11px !important;
    }

    #gp-home-v3 .gp-estilo-link {
        font-size: 10px !important;
    }

}

/* =====================================================
   GEPARTS - CABECALHO MOBILE PRETO + LARANJA
   AJUSTE COMPACTO 2026
   ===================================================== */

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

    /* FUNDO PRETO EM TODA A AREA DO LOGO E BUSCA */
    #cabecalho,
    .cabecalho,
    .cabecalho-interno,
    .conteudo-topo,
    .conteudo-topo .conteiner,
    .conteudo-topo .row-fluid,
    .conteudo-topo [class*="span"],
    .cabecalho .conteiner,
    .cabecalho .row-fluid {
        background: #050505 !important;
        background-image: none !important;
    }

    /* DEIXA A AREA MAIS BAIXA/COMPACTA */
    .cabecalho-interno {
        padding-top: 6px !important;
        padding-bottom: 10px !important;
        margin: 0 !important;
        border-bottom: 2px solid #ff6500 !important;
        box-shadow: 0 4px 14px rgba(255, 101, 0, .16) !important;
    }

    /* LOGO MENOR E MAIS PROXIMO DA BUSCA */
    .logo,
    .logo a {
        background: transparent !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
    }

    .logo img {
        max-height: 52px !important;
        width: auto !important;
        margin: 0 auto !important;
        display: block !important;
        background: transparent !important;
    }

    /* REMOVE ESPACOS EXCESSIVOS DO BLOCO SUPERIOR */
    .conteudo-topo {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .conteudo-topo .row-fluid,
    .cabecalho-interno .row-fluid {
        margin: 0 !important;
        min-height: 0 !important;
    }

    /* BUSCA COMPACTA, PRETA E COM DETALHE LARANJA */
    .conteudo-topo .busca,
    .cabecalho .busca,
    .busca {
        background: #0d0d0d !important;
        border: 1px solid #ff6500 !important;
        border-radius: 12px !important;
        box-shadow: 0 0 12px rgba(255, 101, 0, .18) !important;
        margin-top: 4px !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
    }

    .conteudo-topo .busca input,
    .cabecalho .busca input,
    .busca input {
        height: 42px !important;
        min-height: 42px !important;
        background: #0d0d0d !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .busca input::placeholder {
        color: #9a9a9a !important;
        opacity: 1 !important;
    }

    /* BOTAO/LUPA DA BUSCA NO MESMO FUNDO */
    .busca .botao-busca,
    .busca .botao,
    .busca button {
        background: #0d0d0d !important;
        background-image: none !important;
        color: #ff6500 !important;
        border: 0 !important;
        box-shadow: none !important;
        height: 42px !important;
    }

    /* GARANTE QUE NAO SOBREM BLOCOS BRANCOS DENTRO DO CABECALHO */
    .cabecalho-interno > .conteiner,
    .cabecalho-interno .conteiner,
    .cabecalho-interno .span3,
    .cabecalho-interno .span4,
    .cabecalho-interno .span5,
    .cabecalho-interno .span6,
    .cabecalho-interno .span7,
    .cabecalho-interno .span8,
    .cabecalho-interno .span9,
    .cabecalho-interno .span12 {
        background: #050505 !important;
    }

    /* MANTEM ICONES/LINKS DO CABECALHO LEGIVEIS */
    .cabecalho a,
    .cabecalho span,
    .cabecalho i,
    #cabecalho a,
    #cabecalho span,
    #cabecalho i {
        color: #ffffff !important;
    }

    /* DETALHE LARANJA SEM EXAGERAR */
    .menu-mobile,
    .menu-mobile i,
    .cabecalho .icone,
    #cabecalho .icone {
        color: #ff6500 !important;
    }
}