/* Estilos para o botão flutuante Subir */
.botao-flutuante-subir {
    position: fixed; /* Fixa o botão na tela */
    bottom: 20px;    /* 20px da parte inferior */
    right: 20px;     /* 20px da direita */
    z-index: 1000;   /* Garante que o botão fique acima de outros elementos */
    display: none;   /* Inicialmente oculto, será mostrado com JS */
    cursor: pointer; /* Muda o cursor para indicar que é clicável */
    transition: opacity 0.3s ease-in-out; /* Suaviza o aparecimento/desaparecimento */
}

.botao-flutuante-subir img {
    width: 50px; /* Ajuste o tamanho da sua imagem se necessário */
    height: auto;
    
}

/* Estilos para o botão flutuante WhatsApp */
.botao-flutuante-whatsapp {
    position: fixed; /* Fixa o botão na tela */
    bottom: 20px;    /* 20px da parte inferior */
    left: 20px;      /* 20px da esquerda (ou ajuste para a direita se preferir) */
    z-index: 1000;   /* Garante que o botão fique acima de outros elementos */
    cursor: pointer; /* Muda o cursor para indicar que é clicável */
    transition: transform 0.3s ease-in-out; /* Adiciona uma transição para o hover */
}

.botao-flutuante-whatsapp img {
    width: 60px; /* Tamanho maior para o ícone do WhatsApp */
    height: auto;
    
}

.botao-flutuante-whatsapp:hover {
    transform: scale(1.1); /* Efeito de "zoom" ao passar o mouse */
}

/* Media queries para responsividade (ajuste se necessário) */
@media (max-width: 768px) {
    .botao-flutuante-subir {
        bottom: 10px;
        right: 10px;
    }
    .botao-flutuante-subir img {
        width: 40px;
    }
    .botao-flutuante-whatsapp {
        bottom: 10px;
        left: 10px;
    }
    .botao-flutuante-whatsapp img {
        width: 100px;
    }
}