body {
    font-family: 'Arial', sans-serif;
    margin: 0 0 0 0;
}

a{
    text-decoration: none;
}


.cabecalho{
    margin-top: 20px; 
    display: flex;
    justify-content: center;   
    flex-direction: column;
    align-items: center;
}

.imglogo{
    width: 280px;
    height: 108px;    
}

.imglogoloja{
    width: 180px;
    height: 74px;
    
}

.botao{
    margin-top: 20px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #00777fff;
    border-radius: 10px;
    text-align: center;
    color: white;
}

.linha{
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    height: 4px; 
    background-color: #00777fff;       
}

.blocolojas{
    display: flex;    
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.txt{
    margin: 0 0 0 0;
}

/* Estilo para o botão */
.whatsapp-button {
    width: 120px;    
    text-align: center; /* Centralizar o texto dentro do botão */
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #25D366; /* Cor de fundo do botão (cor verde do WhatsApp) */
    color: #ffffff; /* Cor do texto */
    padding: 10px 20px; /* Espaçamento interno */
    text-decoration: none; /* Remover sublinhado do link */
    border-radius: 5px; /* Cantos arredondados */
    font-size: 16px; /* Tamanho da fonte */
    font-family: 'Arial', sans-serif; /* Fonte do texto */
    border: none; /* Remover borda */
    cursor: pointer; /* Alterar o cursor ao passar o mouse */
    background-image: url('/assets/whatsapp.svg'); /* Caminho para a imagem do logo */
    background-size: 20px; /* Tamanho da imagem do logo */
    background-repeat: no-repeat; /* Não repetir a imagem */
    background-position: 25px center; /* Posição do logo em relação ao texto */
    padding-left: 40px; /* Espaçamento à esquerda para acomodar o logo */
}

/* Estilo para hover (quando o mouse passa sobre o botão) */
.whatsapp-button:hover {
    background-color: #128C7E; /* Cor de fundo alterada no hover */
}


.imgloja{
    margin-top: 20px;
    width: 200px;
    height: 200px;
}


.localizacao-button{
    margin-top: 0px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #ffffff; /* Cor de fundo do botão  */
    color: #000000; /* Cor do texto */
    padding: 10px 20px; /* Espaçamento interno */
    text-decoration: none; /* Remover sublinhado do link */
    border-radius: 5px; /* Cantos arredondados */
    border: 2px solid #128C7E; /* Borda de 2px */
    font-size: 15px; /* Tamanho da fonte */
    font-family: 'Arial', sans-serif; /* Fonte do texto */    
    cursor: pointer; /* Alterar o cursor ao passar o mouse */
    background-image: url('/assets/endereco.svg'); /* Caminho para a imagem do logo */
    background-size: 20px; /* Tamanho da imagem do logo */
    background-repeat: no-repeat; /* Não repetir a imagem */
    background-position: 10px center; /* Posição do logo em relação ao texto */
    padding-left: 40px; /* Espaçamento à esquerda para acomodar o logo */   
}