@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}

.container {
    padding-top: 64px;
    padding-bottom: 64px;
}

.badge-regiao{
  padding: 8px;
  border-color: 1px solid black;
  border-radius: 5%;
  background-color: gray;
  margin: 0px 8px 0px 8px;
}

#contentTelefone {
    margin-top: 8px;
    margin-bottom: 8px;
}

#contentWhatsapp {
    margin-top: 8px;
    margin-bottom: 8px;
}

#footer-hr{
    height: 5px;
    background-color: white;
}


footer a li.text-white.font-weight-bold{
    padding-bottom: 8px;
}

#hr-link-footer{
    background-color: white;
}

 /* Estilo para a div no rodapé */
 .rodape-mobile {
    display: none; /* Inicialmente escondido */
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.95) !important; /* Opacidade de 50% apenas para o fundo da div */
    padding: 20px;
    text-align: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999; /* Na frente de todos */
  }

  /* Estilo para o botão */
  .rodape-mobile button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
  }

  .profile-pic {
    width: 150px; /* Ajuste de acordo com o tamanho desejado */
    height: 150px; /* Ajuste de acordo com o tamanho desejado */
    border-radius: 50%; /* Isso faz a imagem ser arredondada */
    overflow: hidden; /* Esconde qualquer conteúdo que se estenda para fora do contêiner */
}

.profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que a imagem cubra todo o espaço disponível sem distorção */
}

  /* Estilo para dispositivos móveis */
  @media only screen and (max-width: 768px) {
    .rodape-mobile {
      display: block; /* Mostra apenas em dispositivos móveis */
    }
  }