/* Estilo para quando os preços estiverem ocultos */
body:not(.mostrar-precos) .preco-produto,
body:not(.mostrar-precos) [class*="preco-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Estilo para quando os botões de contato estiverem ocultos */
body:not(.mostrar-contato) .botao-contato,
body:not(.mostrar-contato) [class*="botao-contato-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Estilo para o botão de alternar preços */
#togglePrecos {
    transition: all 0.3s ease;
}

#togglePrecos.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    position: relative;
    overflow: hidden;
}

#togglePrecos.btn-danger:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#togglePrecos.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

#togglePrecos.btn-outline-secondary:hover {
    background-color: #6c757d;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Efeito de clique no botão */
#togglePrecos:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Feedback visual ao passar o mouse */
#togglePrecos i,
#toggleContato i {
    transition: transform 0.3s ease;
}

#togglePrecos:hover i,
#toggleContato:hover i {
    transform: scale(1.1);
}

/* Estilo para o botão de alternar contato */
#toggleContato {
    transition: all 0.3s ease;
}

#toggleContato.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    position: relative;
    overflow: hidden;
}

#toggleContato.btn-danger:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#toggleContato.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

#toggleContato.btn-outline-secondary:hover {
    background-color: #6c757d;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Efeito de clique no botão */
#toggleContato:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}