@import url("https://fonts.googleapis.com/css2?family=Alkatra:wght@400..700&family=Baloo+Tamma+2:wght@400..800&family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");


.fa-heart {
    color: #c01c28;
    margin-left: 5px;
    margin-right: 5px;
}

.fa-star {
    color: #F18F01;
}

.com-amor  {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 15px;

  }

.feito-com {
    margin-left: 30%;
}

.container-footer{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.container-footer ul {
    list-style: none;
}

.footer1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 25px;

}

/* Botão Flutuante do Whatsapp */

.whatsapp-button {
    position: fixed; /* Isso faz com que o botão flutue na tela */
    bottom: 20px;    /* 20px do rodapé */
    right: 20px;     /* 20px da direita */
    z-index: 1000;   /* Garante que o botão fique por cima de outros elementos */
    background-color: #25D366; /* Cor de fundo do botão (verde WhatsApp) */
    border-radius: 50%; /* Torna o botão redondo */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para dar profundidade */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px; /* Largura do botão */
    height: 60px; /* Altura do botão */
    transition: transform 0.3s ease-in-out; /* Transição suave para o hover */
}

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

/* Estilos para o link DENTRO do botão flutuante (para não herdar estilos globais) */
.whatsapp-link {
    display: flex; /* Para centralizar a imagem dentro do link */
    align-items: center;
    justify-content: center;
    width: 100%; /* Ocupa toda a largura do pai */
    height: 100%; /* Ocupa toda a altura do pai */
    text-decoration: none; /* Remove sublinhado */
    color: inherit; /* Garante que a cor do texto não seja alterada (embora não tenhamos texto aqui) */
    /* Reseta estilos comuns de links, se aplicável em seu CSS principal */
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

/* Estilos para o ícone do WhatsApp */
.whatsapp-icon {
    width: 35px; /* Tamanho da imagem do WhatsApp */
    height: 35px; /* Tamanho da imagem do WhatsApp */
    display: block; /* Remove espaços extras em linha */
    border: none; /* Remove qualquer borda que o CSS principal possa adicionar */
    padding: 0;
    margin: 0;
}

.banner-lgpd {
    position: fixed;
    bottom: 0;
    background-color: #8a6d41;
    color: white;
    font-family: 'Baloo Tamma 2';
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 1rem;
    text-align: start;
    width: 100vw;
}

.botao-banner {
    font-family: 'Baloo Tamma 2' ;
    font-size: 1.2rem;  
    background-color: #F18F01;
    border: 1px black;
    border-radius: 5px;
    color: white;
   
}