/* ============================================================
   LC BRINQUEDOS
   CSS COMPLETO DA LOJA
   IDENTIDADE VISUAL OFICIAL
   ============================================================ */


/* ============================================================
   1. BASE DA LOJA
   ============================================================ */

html {
    scroll-behavior: smooth;
}

body {
    background: #F8FBFE !important;
    color: #1F2937 !important;
    font-family: "Poppins", "Inter", Arial, sans-serif !important;
    overflow-x: hidden;
}

a {
    transition: all 0.25s ease;
}

img {
    max-width: 100%;
}


/* ============================================================
   2. CABEÇALHO
   ============================================================ */

#cabecalho {
    background: #FFFFFF !important;
    color: #0154C2 !important;
    border-bottom: 1px solid #E6EEF7 !important;
    box-shadow: 0 2px 12px rgba(1, 84, 194, 0.06);
}

#cabecalho a {
    color: #0154C2 !important;
}

#cabecalho a:hover {
    color: #EF264E !important;
}


/* ============================================================
   3. ÁREA SUPERIOR DE CONTATO
   ============================================================ */

#cabecalho .barra-superior,
#cabecalho .topo,
#cabecalho .links-uteis {
    color: #0154C2 !important;
}

#cabecalho .barra-superior a,
#cabecalho .topo a,
#cabecalho .links-uteis a {
    color: #0154C2 !important;
}


/* ============================================================
   4. BUSCA
   ============================================================ */

#cabecalho .busca,
#cabecalho form.busca {
    border: 2px solid #E5EDF7 !important;
    border-radius: 30px !important;
    background: #FFFFFF !important;
    overflow: hidden;
    transition: all 0.25s ease;
}

#cabecalho .busca:focus-within,
#cabecalho form.busca:focus-within {
    border-color: #0154C2 !important;
    box-shadow: 0 0 0 3px rgba(1, 84, 194, 0.10);
}

#cabecalho .busca input,
#cabecalho form.busca input {
    border: 0 !important;
    background: #FFFFFF !important;
    color: #1F2937 !important;
}

#cabecalho .busca input::placeholder,
#cabecalho form.busca input::placeholder {
    color: #8A99AA !important;
}

#cabecalho .busca .botao,
#cabecalho form.busca .botao {
    background: #0154C2 !important;
    color: #FFFFFF !important;
    border: 0 !important;
}


/* ============================================================
   5. CONTA / PEDIDOS / CARRINHO
   ============================================================ */

#cabecalho .account,
#cabecalho .conta,
#cabecalho .carrinho,
#cabecalho .pedidos {
    color: #0154C2 !important;
}

#cabecalho .account a,
#cabecalho .conta a,
#cabecalho .carrinho a,
#cabecalho .pedidos a {
    color: #0154C2 !important;
}

#cabecalho .carrinho:hover,
#cabecalho .conta:hover,
#cabecalho .pedidos:hover {
    color: #EF264E !important;
}


/* ============================================================
   6. MENU PRINCIPAL
   ============================================================ */

.menu.superior,
#cabecalho .menu.superior,
#menu,
#cabecalho #menu {
    background: #0154C2 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.menu.superior .nivel-um,
#cabecalho .menu.superior .nivel-um,
#menu .nivel-um {
    background: #0154C2 !important;
}

.menu.superior .nivel-um > li,
#cabecalho .menu.superior .nivel-um > li,
#menu .nivel-um > li {
    background: #0154C2 !important;
}

.menu.superior .nivel-um > li > a,
#cabecalho .menu.superior .nivel-um > li > a,
#menu .nivel-um > li > a {
    display: block !important;
    background: #0154C2 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    padding: 16px 18px !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.menu.superior .nivel-um > li > a span,
.menu.superior .nivel-um > li > a strong,
#cabecalho .menu.superior .nivel-um > li > a span,
#cabecalho .menu.superior .nivel-um > li > a strong {
    color: #FFFFFF !important;
}

.menu.superior .nivel-um > li:hover > a,
#cabecalho .menu.superior .nivel-um > li:hover > a,
#menu .nivel-um > li:hover > a {
    background: #00449F !important;
    color: #FFFFFF !important;
}


/* ============================================================
   7. SUBMENU
   ============================================================ */

.menu.superior .nivel-dois,
#cabecalho .menu.superior .nivel-dois,
#menu .nivel-dois {
    background: #FFFFFF !important;
    border: 1px solid #E4ECF5 !important;
    box-shadow: 0 10px 30px rgba(1, 84, 194, 0.15) !important;
    border-radius: 0 0 10px 10px !important;
}

.menu.superior .nivel-dois li,
#cabecalho .menu.superior .nivel-dois li,
#menu .nivel-dois li {
    background: #FFFFFF !important;
}

.menu.superior .nivel-dois a,
#cabecalho .menu.superior .nivel-dois a,
#menu .nivel-dois a {
    background: #FFFFFF !important;
    color: #0154C2 !important;
    padding: 11px 15px !important;
}

.menu.superior .nivel-dois a:hover,
#cabecalho .menu.superior .nivel-dois a:hover,
#menu .nivel-dois a:hover {
    background: #F1F7FF !important;
    color: #EF264E !important;
}


/* ============================================================
   8. ÁREA PRINCIPAL
   ============================================================ */

#corpo {
    background: #F8FBFE !important;
}

.conteudo-principal {
    background: transparent !important;
}


/* ============================================================
   9. TÍTULOS DAS SEÇÕES
   ============================================================ */

.titulo,
.titulo h1,
.titulo h2,
.titulo h3,
#corpo h1,
#corpo h2,
#corpo h3 {
    color: #0154C2 !important;
    font-weight: 800 !important;
}

#corpo h1,
#corpo h2 {
    letter-spacing: -0.3px;
}


/* ============================================================
   10. SIDEBAR / CATEGORIAS
   ============================================================ */

.menu-lateral,
.menu-lateral .menu,
.menu-lateral .menu-conteudo {
    background: #FFFFFF !important;
    border-radius: 14px !important;
}

.menu-lateral {
    border: 1px solid #E5EDF7 !important;
    box-shadow: 0 5px 20px rgba(1, 84, 194, 0.06);
    overflow: hidden;
}

.menu-lateral .titulo,
.menu-lateral h3,
.menu-lateral h4 {
    background: #0154C2 !important;
    color: #FFFFFF !important;
    padding: 14px 16px !important;
}

.menu-lateral a {
    color: #0154C2 !important;
    transition: all 0.2s ease;
}

.menu-lateral a:hover {
    color: #EF264E !important;
    padding-left: 5px;
}


/* ============================================================
   11. NEWSLETTER
   ============================================================ */

.newsletter,
#newsletter {
    background: #FFCC00 !important;
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 6px 20px rgba(255, 204, 0, 0.18);
    overflow: hidden;
}

.newsletter h3,
.newsletter h4,
.newsletter .titulo,
#newsletter h3,
#newsletter h4 {
    color: #0154C2 !important;
    font-weight: 800 !important;
}

.newsletter p,
#newsletter p {
    color: #17345F !important;
}

.newsletter input,
#newsletter input {
    background: #FFFFFF !important;
    color: #1F2937 !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 25px !important;
}

.newsletter button,
#newsletter button,
.newsletter .botao,
#newsletter .botao {
    background: #EF264E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
}

.newsletter button:hover,
#newsletter button:hover {
    background: #D91D43 !important;
}


/* ============================================================
   12. PRODUTOS — LISTAGEM
   ============================================================ */

.listagem {
    background: transparent !important;
}

.listagem .listagem-item {
    background: #FFFFFF !important;
    border: 1px solid #E7EEF6 !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 18px rgba(1, 84, 194, 0.07) !important;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.listagem .listagem-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(1, 84, 194, 0.15) !important;
}


/* ============================================================
   13. IMAGENS DOS PRODUTOS
   ============================================================ */

.listagem .listagem-item .imagem-produto,
.listagem .listagem-item .imagem {
    background: #FFFFFF !important;
    border: 0 !important;
}

.listagem .listagem-item img {
    transition: transform 0.35s ease;
}

.listagem .listagem-item:hover img {
    transform: scale(1.035);
}


/* ============================================================
   14. NOME DO PRODUTO
   ============================================================ */

.listagem .listagem-item .nome-produto,
.listagem .listagem-item .nome {
    color: #0154C2 !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.listagem .listagem-item .nome-produto:hover,
.listagem .listagem-item .nome:hover {
    color: #EF264E !important;
}


/* ============================================================
   15. PREÇOS
   ============================================================ */

.listagem .listagem-item .preco,
.listagem .listagem-item .preco-produto {
    color: #0154C2 !important;
    font-weight: 800 !important;
}

.listagem .listagem-item .preco-promocional {
    color: #0154C2 !important;
}


/* ============================================================
   16. BOTÃO / VER MAIS
   ============================================================ */

.listagem .listagem-item .acoes-produto .botao,
.listagem .listagem-item .botao,
.listagem .listagem-item a.botao {
    background: #EF264E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    transition: all 0.25s ease;
}

.listagem .listagem-item .acoes-produto .botao:hover,
.listagem .listagem-item .botao:hover,
.listagem .listagem-item a.botao:hover {
    background: #D91D43 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}


/* ============================================================
   17. PREÇO SOB CONSULTA
   ============================================================ */

.listagem .listagem-item .preco:empty,
.listagem .listagem-item .preco-produto:empty {
    display: none;
}


/* ============================================================
   18. NÃO USAR ESTRELAS DECORATIVAS
   ============================================================ */

#corpo:before,
#corpo:after,
#rodape:before,
#rodape:after,
.listagem:before,
.listagem:after,
.newsletter:before,
.newsletter:after {
    content: none !important;
}


/* ============================================================
   19. ESPAÇAMENTO ENTRE SEÇÕES
   ============================================================ */

.secao {
    margin-bottom: 35px;
}

#corpo .conteudo {
    padding-top: 25px;
    padding-bottom: 30px;
}


/* ============================================================
   20. EFEITO SUAVE EM LINKS
   ============================================================ */

#corpo a {
    transition: color 0.2s ease, background 0.2s ease;
}


/* ============================================================
   21. RODAPÉ — IDENTIDADE VISUAL LC
   ============================================================ */

#rodape {
    background: #0154C2 !important;
    color: #FFFFFF !important;
    border-top: 5px solid #EF264E !important;
    margin-top: 35px;
}

#rodape * {
    border-color: rgba(255, 255, 255, 0.16);
}

#rodape p,
#rodape span,
#rodape li,
#rodape a,
#rodape label {
    color: #FFFFFF !important;
}

#rodape h1,
#rodape h2,
#rodape h3,
#rodape h4,
#rodape h5,
#rodape h6,
#rodape .titulo {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}


/* ============================================================
   22. LINKS DO RODAPÉ
   ============================================================ */

#rodape a:hover {
    color: #FFCC00 !important;
}


/* ============================================================
   23. COLUNAS DO RODAPÉ
   ============================================================ */

#rodape .institucional,
#rodape .links-rodape,
#rodape .contato,
#rodape .pagamento,
#rodape .selos,
#rodape .sobre-loja {
    background: transparent !important;
}


/* ============================================================
   24. PAGAMENTOS
   ============================================================ */

#rodape .pagamento {
    color: #FFFFFF !important;
}

#rodape .pagamento img {
    max-height: 34px !important;
    width: auto !important;
    object-fit: contain;
}

#rodape .pagamento li,
#rodape .pagamento .item {
    background: transparent !important;
}


/* ============================================================
   25. SELO DE SEGURANÇA
   ============================================================ */

#rodape .selos {
    color: #FFFFFF !important;
}

#rodape .selos img {
    max-height: 48px !important;
    width: auto !important;
    object-fit: contain;
}


/* ============================================================
   26. CONTATO / WHATSAPP
   ============================================================ */

#rodape .contato a {
    color: #FFFFFF !important;
}

#rodape .contato a:hover {
    color: #FFCC00 !important;
}


/* ============================================================
   27. PARTE INFERIOR DO RODAPÉ
   ============================================================ */

#rodape .copyright,
#rodape .rodape-inferior {
    background: #00449F !important;
    color: #FFFFFF !important;
}

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

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


/* ============================================================
   28. WHATSAPP FLUTUANTE
   ============================================================ */

.float-whatsapp,
.whatsapp-fixo,
.botao-whatsapp {
    transition: transform 0.25s ease;
}

.float-whatsapp:hover,
.whatsapp-fixo:hover,
.botao-whatsapp:hover {
    transform: scale(1.08);
}


/* ============================================================
   29. RESPONSIVO — TABLET
   ============================================================ */

@media (max-width: 991px) {

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

    .listagem .listagem-item {
        border-radius: 13px !important;
    }

}


/* ============================================================
   30. RESPONSIVO — CELULAR
   ============================================================ */

@media (max-width: 767px) {

    body {
        background: #F8FBFE !important;
    }

    #cabecalho {
        background: #FFFFFF !important;
    }

    .menu.superior,
    #cabecalho .menu.superior,
    #menu,
    #cabecalho #menu {
        background: #0154C2 !important;
    }

    .menu.superior .nivel-um > li > a,
    #cabecalho .menu.superior .nivel-um > li > a {
        color: #FFFFFF !important;
        font-size: 13px !important;
        padding: 12px 10px !important;
    }

    .menu.superior .nivel-um > li > a span,
    #cabecalho .menu.superior .nivel-um > li > a span {
        color: #FFFFFF !important;
    }

    .listagem .listagem-item {
        border-radius: 13px !important;
        box-shadow: 0 4px 14px rgba(1, 84, 194, 0.08) !important;
    }

    .listagem .listagem-item:hover {
        transform: none;
    }

    #rodape {
        margin-top: 25px;
        border-top-width: 4px !important;
    }

    #rodape .pagamento img {
        max-height: 28px !important;
    }

    #rodape .selos img {
        max-height: 42px !important;
    }

}


/* ============================================================
   31. CELULAR PEQUENO
   ============================================================ */

@media (max-width: 480px) {

    .menu.superior .nivel-um > li > a,
    #cabecalho .menu.superior .nivel-um > li > a {
        font-size: 12px !important;
        padding: 10px 8px !important;
    }

    .listagem .listagem-item {
        border-radius: 11px !important;
    }

}


/* ============================================================
   FIM — LC BRINQUEDOS
   ============================================================ */
   /* RODAPÉ LC BRINQUEDOS */

#rodape {
    background-color: #0154C2 !important;
    color: #FFFFFF !important;
    border-top: 4px solid #EF264E !important;
}

#rodape p,
#rodape span,
#rodape li,
#rodape a,
#rodape label,
#rodape h1,
#rodape h2,
#rodape h3,
#rodape h4,
#rodape h5,
#rodape h6,
#rodape .titulo {
    color: #FFFFFF !important;
}

#rodape a:hover {
    color: #FFCC00 !important;
}

#rodape .copyright,
#rodape .rodape-inferior {
    background-color: #00449F !important;
    color: #FFFFFF !important;
}

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

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

/* ==========================================================
   LC BRINQUEDOS — MAIS COR E DESTAQUE PROMOCIONAL
   COLAR NO FINAL DO CSS EXISTENTE
   ========================================================== */

/* 1. FUNDO E CORES DAS ÁREAS DE CONTEÚDO */
#corpo {
    background: #F4F8FF !important;
}

.conteudo-principal {
    background: transparent !important;
}

/* 2. TÍTULOS DAS SEÇÕES */
#corpo .titulo,
#corpo .titulo h2,
#corpo .titulo h3,
#corpo .listagem > h4,
#corpo .listagem h2 {
    color: #0154C2 !important;
    font-weight: 800 !important;
}

#corpo .titulo {
    border-bottom: 2px solid #FFCC00 !important;
    padding-bottom: 10px !important;
}

/* 3. CARDS DE PRODUTOS */
.listagem .listagem-item {
    background: linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FFFFFF 88%,
        #FFF9E5 100%
    ) !important;

    border: 1px solid #DCE8FA !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 16px rgba(1, 84, 194, 0.09) !important;
    overflow: hidden;
    transition: transform .25s ease,
                box-shadow .25s ease,
                border-color .25s ease !important;
}

.listagem .listagem-item:hover {
    border-color: #FFCC00 !important;
    box-shadow: 0 10px 24px rgba(1, 84, 194, 0.16) !important;
    transform: translateY(-4px);
}

/* 4. IMAGENS DOS PRODUTOS */
.listagem .listagem-item .imagem-produto,
.listagem .listagem-item .imagem {
    background: #FFFFFF !important;
}

.listagem .listagem-item img {
    transition: transform .3s ease;
}

.listagem .listagem-item:hover img {
    transform: scale(1.035);
}

/* 5. NOME DOS PRODUTOS */
.listagem .listagem-item .nome-produto,
.listagem .listagem-item .nome {
    color: #0154C2 !important;
    font-weight: 700 !important;
}

.listagem .listagem-item .nome-produto:hover,
.listagem .listagem-item .nome:hover {
    color: #EF264E !important;
}

/* 6. PREÇOS PROMOCIONAIS */
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-produto .preco-promocional {
    color: #0154C2 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

/* Preço antigo */
.listagem .listagem-item .preco-venda,
.listagem .listagem-item .preco-produto del {
    color: #778399 !important;
    font-weight: 500 !important;
}

/* 7. ETIQUETAS DE DESCONTO — IDENTIDADE LC
   Amarelo de destaque + azul da marca */
.listagem .bandeira-promocao,
.listagem .bandeira-desconto,
.listagem .bandeira-promocao *,
.listagem .bandeira-desconto *,
.listagem .listagem-item .bandeira-promocao,
.listagem .listagem-item .bandeira-desconto {
    background: #FFCC00 !important;
    color: #0154C2 !important;
    border: 1px solid #F0B900 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 8px rgba(31, 58, 110, 0.16) !important;
}

/* 8. OUTRAS BANDEIRAS PROMOCIONAIS */
.listagem .listagem-item .bandeira-frete-gratis,
.listagem .listagem-item .bandeira-carrinho,
.listagem .listagem-item .bandeira-envio-imediato {
    border-radius: 6px !important;
    font-weight: 800 !important;
}

/* 9. BOTÕES — VERMELHO LC */
.listagem .listagem-item .botao,
.listagem .listagem-item a.botao,
.listagem .listagem-item .acoes-produto .botao {
    background: #EF264E !important;
    color: #FFFFFF !important;
    border: 2px solid #EF264E !important;
    border-radius: 24px !important;
    font-weight: 800 !important;
    transition: all .2s ease !important;
}

.listagem .listagem-item .botao:hover,
.listagem .listagem-item a.botao:hover,
.listagem .listagem-item .acoes-produto .botao:hover {
    background: #0154C2 !important;
    border-color: #0154C2 !important;
    color: #FFFFFF !important;
}

/* 10. NEWSLETTER — AMARELO LC */
.newsletter,
#newsletter {
    background: linear-gradient(
        135deg,
        #FFCC00 0%,
        #FFE36A 100%
    ) !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(255, 204, 0, .22) !important;
}

/* 11. CATEGORIAS LATERAIS */
.menu-lateral {
    border: 1px solid #DCE8FA !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 16px rgba(1, 84, 194, .08) !important;
}

.menu-lateral a:hover {
    background: #FFF7D6 !important;
    color: #EF264E !important;
}

/* 12. LINKS E DESTAQUES */
#corpo a:hover {
    transition: color .2s ease;
}

/* 13. CELULAR */
@media (max-width: 767px) {
    .listagem .listagem-item {
        border-radius: 12px !important;
    }

    .listagem .listagem-item .preco-promocional {
        font-size: 16px !important;
    }

    .listagem .listagem-item:hover {
        transform: none;
    }
}

/* Rodapé preservado: nenhuma alteração aplicada aqui. */

/* ==========================================================
   LC BRINQUEDOS — AJUSTE FINAL DOS CARDS E PREÇOS
   ========================================================== */

/* 1. CARDS MAIS LIMPOS */
.listagem .listagem-item {
    background: #FFFFFF !important;
    border: 1px solid #E3EAF5 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(1, 84, 194, 0.07) !important;
    overflow: hidden;
}

/* Remove linhas decorativas dos cards */
.listagem .listagem-item::before,
.listagem .listagem-item::after,
.listagem .listagem-item .preco::before,
.listagem .listagem-item .preco::after,
.listagem .listagem-item .preco-produto::before,
.listagem .listagem-item .preco-produto::after {
    content: none !important;
    display: none !important;
}

/* 2. PREÇOS SEM TRAÇOS OU SUBLINHADOS */
.listagem .listagem-item .preco,
.listagem .listagem-item .preco-produto,
.listagem .listagem-item .preco a,
.listagem .listagem-item .preco-produto a,
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-venda {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Preço anterior sem tachado */
.listagem .listagem-item .preco-venda,
.listagem .listagem-item .preco-produto del,
.listagem .listagem-item .preco-produto s,
.listagem .listagem-item .preco-produto .preco-venda {
    text-decoration: none !important;
    color: #8490A2 !important;
}

/* Caso o tema aplique o risco diretamente no texto */
.listagem .listagem-item del,
.listagem .listagem-item s {
    text-decoration: none !important;
}

/* Preço atual em destaque */
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-produto .preco-promocional {
    color: #0154C2 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: 0 !important;
}

/* Remove bordas e fundos que possam gerar linhas */
.listagem .listagem-item .preco,
.listagem .listagem-item .preco-produto {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
}

/* 3. PREÇO SOB CONSULTA — DESTAQUE DISCRETO */
.listagem .listagem-item .preco-consulta,
.listagem .listagem-item .preco-sob-consulta,
.listagem .listagem-item .preco-produto .preco-consulta,
.listagem .listagem-item .preco-produto .preco-sob-consulta {
    display: inline-block !important;
    background: #0154C2 !important;
    color: #FFFFFF !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Quando "Preço sob consulta" aparece como texto ou link */
.listagem .listagem-item .preco a,
.listagem .listagem-item .preco-produto a {
    text-decoration: none !important;
}

/* 4. DESCONTOS — AMARELO COM TEXTO BRANCO */
.listagem .bandeira-promocao,
.listagem .bandeira-desconto,
.listagem .listagem-item .bandeira-promocao,
.listagem .listagem-item .bandeira-desconto {
    background: #D99A00 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 5px rgba(31, 58, 110, 0.12) !important;
}

/* Força texto e elementos internos das etiquetas em branco */
.listagem .bandeira-promocao *,
.listagem .bandeira-desconto *,
.listagem .listagem-item .bandeira-promocao *,
.listagem .listagem-item .bandeira-desconto * {
    color: #FFFFFF !important;
}

/* 5. NOME DO PRODUTO */
.listagem .listagem-item .nome-produto,
.listagem .listagem-item .nome {
    color: #0154C2 !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* 6. HOVER SUAVE */
.listagem .listagem-item:hover {
    border-color: #C7D9F5 !important;
    box-shadow: 0 8px 20px rgba(1, 84, 194, 0.12) !important;
}

/* 7. CELULAR */
@media (max-width: 767px) {
    .listagem .listagem-item .preco-promocional,
    .listagem .listagem-item .preco-produto .preco-promocional {
        font-size: 17px !important;
    }

    .listagem .listagem-item {
        border-radius: 12px !important;
    }
}

/* ======================================================
   LC BRINQUEDOS — CORREÇÃO PROFISSIONAL DE PREÇOS
   COLAR NO FINAL DO CSS ATUAL
   ====================================================== */

/* 1. CARDS LIMPOS */
.listagem .listagem-item {
    background: #FFFFFF !important;
    border: 1px solid #E2EAF5 !important;
    border-radius: 13px !important;
    box-shadow: 0 4px 14px rgba(31, 58, 110, 0.07) !important;
}

/* Remover linhas decorativas dos preços */
.listagem .listagem-item .preco,
.listagem .listagem-item .preco-produto,
.listagem .listagem-item .preco *,
.listagem .listagem-item .preco-produto * {
    border-bottom: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Não criar linhas com pseudo-elementos */
.listagem .listagem-item .preco::before,
.listagem .listagem-item .preco::after,
.listagem .listagem-item .preco-produto::before,
.listagem .listagem-item .preco-produto::after {
    content: none !important;
    display: none !important;
}

/* 2. PREÇO ANTIGO — MENOR, CINZA E RISCADO */
.listagem .listagem-item .preco-venda,
.listagem .listagem-item .preco-produto del,
.listagem .listagem-item .preco-produto s,
.listagem .listagem-item del.preco-venda {
    color: #778399 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    text-decoration-color: #778399 !important;
}

/* 3. PREÇO PROMOCIONAL — AZUL, MAIOR E SEM RISCO */
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-produto .preco-promocional {
    color: #0154C2 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* Não riscar o preço atual mesmo se o tema aplicar
   decoração herdada do elemento pai */
.listagem .listagem-item .preco-promocional *,
.listagem .listagem-item .preco-promocional {
    text-decoration: none !important;
}

/* 4. ETIQUETAS DE DESCONTO — VERMELHO LC */
.listagem .bandeira-promocao,
.listagem .bandeira-desconto,
.listagem .listagem-item .bandeira-promocao,
.listagem .listagem-item .bandeira-desconto {
    display: inline-block !important;
    background: #EF264E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

/* Texto interno sempre branco */
.listagem .bandeira-promocao *,
.listagem .bandeira-desconto *,
.listagem .listagem-item .bandeira-promocao *,
.listagem .listagem-item .bandeira-desconto * {
    color: #FFFFFF !important;
}

/* 5. CONSULTA — ESTILO PARA ELEMENTOS IDENTIFICADOS
   COMO PREÇO SOB CONSULTA PELO TEMA */
.listagem .listagem-item .preco-consulta,
.listagem .listagem-item .preco-sob-consulta,
.listagem .listagem-item .preco-produto .preco-consulta,
.listagem .listagem-item .preco-produto .preco-sob-consulta {
    display: inline-block !important;
    padding: 7px 10px !important;
    background: #0154C2 !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* 6. NOMES DOS PRODUTOS */
.listagem .listagem-item .nome-produto,
.listagem .listagem-item .nome {
    color: #0154C2 !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* 7. HOVER DISCRETO */
.listagem .listagem-item:hover {
    border-color: #C9D9F0 !important;
    box-shadow: 0 8px 20px rgba(1, 84, 194, 0.12) !important;
}

/* 8. CELULAR */
@media (max-width: 767px) {
    .listagem .listagem-item .preco-promocional {
        font-size: 17px !important;
    }
}

/* LC BRINQUEDOS — PREÇO NORMAL E PROMOCIONAL */

/* Preço normal: mais caro, com traço */
.listagem .listagem-item .preco-produto del,
.listagem .listagem-item .preco-produto s,
.listagem .listagem-item .preco-venda,
.listagem .listagem-item del.preco-venda {
  color: #778399 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  text-decoration-color: #778399 !important;
}

/* Preço promocional: sem traço e em destaque */
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-promocional *,
.listagem .listagem-item .preco-produto .preco-promocional {
  color: #0154C2 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove o traço aplicado indevidamente ao preço promocional */
.listagem .listagem-item .preco-promocional del,
.listagem .listagem-item .preco-promocional s {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .listagem .listagem-item .preco-promocional {
    font-size: 17px !important;
  }
}

/* LC BRINQUEDOS — PREÇO NORMAL E PROMOCIONAL */

/* Preço normal: mais caro, com traço */
.listagem .listagem-item .preco-produto del,
.listagem .listagem-item .preco-produto s,
.listagem .listagem-item .preco-venda,
.listagem .listagem-item del.preco-venda {
  color: #778399 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  text-decoration-color: #778399 !important;
}

/* Preço promocional: sem traço e em destaque */
.listagem .listagem-item .preco-promocional,
.listagem .listagem-item .preco-promocional *,
.listagem .listagem-item .preco-produto .preco-promocional {
  color: #0154C2 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove o traço aplicado indevidamente ao preço promocional */
.listagem .listagem-item .preco-promocional del,
.listagem .listagem-item .preco-promocional s {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .listagem .listagem-item .preco-promocional {
    font-size: 17px !important;
  }
}

/* LC BRINQUEDOS — PREÇOS DA PÁGINA INICIAL */

/* Preço normal: riscado e discreto */
.pagina-inicial .listagem .listagem-item .preco-venda,
.pagina-inicial .listagem .listagem-item .preco-produto del,
.pagina-inicial .listagem .listagem-item .preco-produto s {
  color: #6F86A6 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  text-decoration-color: #6F86A6 !important;
}

/* Preço promocional: azul, em destaque e sem traço */
.pagina-inicial .listagem .listagem-item .preco-promocional,
.pagina-inicial .listagem .listagem-item .preco-promocional *,
.pagina-inicial .listagem .listagem-item .preco-produto strong {
  color: #0154C2 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove a linha amarela decorativa dos preços na página inicial */
.pagina-inicial .listagem .listagem-item .preco::before,
.pagina-inicial .listagem .listagem-item .preco::after,
.pagina-inicial .listagem .listagem-item .preco-produto::before,
.pagina-inicial .listagem .listagem-item .preco-produto::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  .pagina-inicial .listagem .listagem-item .preco-promocional {
    font-size: 17px !important;
  }
}

/* LC BRINQUEDOS — AJUSTES EXCLUSIVOS DA PÁGINA INICIAL */

/* 1. Remove linhas amarelas decorativas dos preços */
.pagina-inicial .listagem .listagem-item .preco::before,
.pagina-inicial .listagem .listagem-item .preco::after,
.pagina-inicial .listagem .listagem-item .preco-produto::before,
.pagina-inicial .listagem .listagem-item .preco-produto::after {
  content: none !important;
  display: none !important;
}

.pagina-inicial .listagem .listagem-item .preco,
.pagina-inicial .listagem .listagem-item .preco-produto {
  border-bottom: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2. Remove o traço sobre os valores na página inicial */
.pagina-inicial .listagem .listagem-item .preco *,
.pagina-inicial .listagem .listagem-item .preco-produto *,
.pagina-inicial .listagem .listagem-item .preco-venda,
.pagina-inicial .listagem .listagem-item del,
.pagina-inicial .listagem .listagem-item s {
  text-decoration: none !important;
  text-decoration-line: none !important;
}