/* Transforma o botão original em um botão estilo WhatsApp */
.botao.principal.grande {
    background: #25D366 !important; /* Verde oficial do WhatsApp */
    border: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    font-size: 0 !important; /* Esconde o texto antigo "Solicitar orçamento" */
    cursor: pointer;
    display: inline-block;
    padding: 0 !important;
    text-align: center;
    border-radius: 6px !important; /* Bordas arredondadas profissionais */
    text-decoration: none !important;
    margin-bottom: 0px !important; /* Garante que não tenha margem extra colada */
}

/* Efeito ao passar o mouse por cima do botão (Hover) */
.botao.principal.grande:hover {
    background: #1ebd59 !important; /* Verde um pouco mais escuro ao passar o mouse */
}

/* Injeta o texto e estiliza dentro do botão */
.botao.principal.grande::after {
    content: "FAZER PEDIDO VIA WHATSAPP"; /* NOVO TEXTO AQUI */
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF !important; /* Texto branco para contrastar com o verde */
    display: block;
    visibility: visible;
    padding: 15px 30px; /* Dá tamanho e formato de botão ao elemento */
}

/* 1. APAGA DE VEZ O BLOCO E TEXTO DE QUANTIDADE */
input.qtde-carrinho,
.qtde-carrinho-title,
label[class*="qtde"],
.qtde-adicionar-carrinho {
    display: none !important;
}

/* 2. MANTÉM O BLOCO PRINCIPAL ALINHADO À ESQUERDA (PREÇOS E BOTÃO ALINHAM JUNTOS) */
.acoes-produto {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Tudo começa alinhado na esquerda */
    justify-content: flex-start !important;
    width: 100% !important;
}

/* 3. ASSEGURA O BLOCO DE PREÇOS À ESQUERDA */
.preco-produto.destaque-parcela {
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* 4. AJUSTA O BOTÃO VERDE (SEGUINDO O ALINHAMENTO DA ESQUERDA SEM IR PRO MEIO) */
.botao.principal.grande {
    display: block !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 0 10px 0 !important; /* Zera as margens laterais para não centralizar o botão */
    box-sizing: border-box;
}

/* 5. CENTRALIZA APENAS O TEXTO DA LEGENDA ABAIXO DO BOTÃO */
.acoes-produto::after {
    content: "Clique acima para finalizar seu pedido diretamente com nossa equipe no WhatsApp." !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #444444 !important;
    text-align: center !important; /* Centraliza as linhas do texto */
    width: 100% !important;
    max-width: 307px !important; /* Fica exatamente do mesmo tamanho do botão */
    margin-top: 12px !important;
    line-height: 1.4 !important;
}



 /* =====  O BLOCO ABAIXO ALTERA AS PROPRIESDES DOS TEXTOS DA TELA PRINCIPAL ======= */



/* Configura o container para listar os preços em formato de coluna invertida */
.preco-produto.destaque-parcela {
    display: flex !important;
    flex-direction: column-reverse !important; /* Joga o preço principal para cima e parcelas para baixo */
    align-items: flex-start !important; /* Alinha os textos à esquerda */
    gap: 6px !important; /* Espaçamento ideal entre o preço principal e as parcelas */
}

/* Ajusta o Preço Principal (Cheio/À vista) */
.preco-produto.destaque-parcela .preco-promocional.cor-principal {
    display: block !important;
}

/* NOVO TESTE PARA O PREÇO PRINCIPAL */.preco-promocional, .preco-promocional *,.preco-venda,.preco-venda * {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #006988 !important;
}

/* Se a tela for menor (ex: notebooks menores ou tablets), ele encolhe um pouco para não quebrar */
@media only screen and (max-width: 1200px) {
    .preco-promocional, .preco-promocional *, .preco-venda, .preco-venda * {
        font-size: 18px !important;
    }
}
    
/* GARANTE QUE AS PARCELAS NÃO HERDEM A COR PRETA */
.preco-produto.destaque-parcela .preco-parcela.cor-principal,
.preco-produto.destaque-parcela .preco-parcela.cor-principal * {
    color: #f80606 !important; /* Coloque aqui a cor original que você quer para as parcelas */
}

/* Ajusta o bloco das parcelas que agora ficou embaixo */
.preco-produto.destaque-parcela .preco-parcela.cor-principal {
    display: block !important;
    font-size: 15px !important; /* Mantém a leitura limpa sem brigar visualmente com o preço de cima */
}

/* ADICIONA A MENSAGEM DOS CARTÕES DEBAIXO DAS PARCELAS */
.preco-produto.destaque-parcela .preco-parcela.cor-principal::after {
    content: "com os cartões Visa ou MasterCard";
    display: block; /* Força o texto a ir para a linha de baixo */
    font-size: 12px !important; /* Tamanho menor para ser um texto de apoio */
    font-weight: normal !important; /* Sem negrito para não brigar com o preço */
    color: #666666 !important; /* Cor cinza neutra */
    margin-top: 4px; /* Pequeno espaçamento entre a parcela e o texto */
}