.icones_01 {
  width: 40px;
  height: 40px; /* Aumentei a altura para acomodar o texto abaixo do ícone */
  background-color:  var(--icon_color_1);
  border: none;
  border-radius: 10px;
  color: var(--card-font-color);/* Cor do ícone */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 
  margin-right: 15px;
    
  }
  
  .icones_01 img {
      width: auto; /* Mantém a proporção da imagem */
      height: 100%; /* Ocupa toda a altura do círculo */
      display: block; /* Remove espaços extras abaixo da imagem */
      margin: 0 auto; /* Centraliza horizontalmente */
      color:var(--card-font-color)
      
        
  }
.square-button {
    width: 105px;
    height: 60px; /* Aumentei a altura para acomodar o texto abaixo do ícone */
    background-color: #ffffff;
    border: none;
    border-radius: 10px;
    color: var(--card-font-color);/* Cor do ícone */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
  }
  
  .square-button i {
    font-size: 25px; /* Tamanho do ícone */
  }
  
  .square-button span {
    font-size: 14px;
    margin-top: 0px; /* Espaçamento entre o ícone e o texto */
  }
  
  
  
  .profile-picture {
    width: 290px; /* Defina a largura desejada */
    height: 290px; /* Defina a altura desejada */
    overflow: hidden; /* Garante que a imagem não ultrapasse os limites do círculo */
    border: 2px solid #fff; /* Adiciona uma borda branca opcional */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Adiciona uma sombra opcional */
    border-radius: 50%; /* Transforma a borda em círculo */
    display: flex; /* Usa flexbox */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
  }
  
    .profile-picture img {
      width: 100%; /* Mantém a proporção da imagem */
      height: 100%; /* Ocupa toda a altura do círculo */
      object-fit: cover; 
        display: block; /* Remove espaços extras abaixo da imagem */
        margin: 0 auto; /* Centraliza horizontalmente */
    }
  .link-color1 {
    color: #000000 !important;
  }
    .link-color1:hover {
        color: #000000 !important;
        text-decoration: none !important;
        font-weight:800 !important ;
    }
  
    .font-color1 {
      color: var(--card-font-color);
    }
    .font-color2 {
      color: #000000;
    }
    .font-color3 {
      color: #4a87e0;
    }
    .backgound-cor1 {
      background-color: var(--icon_color_1);
    }
    .centralizar {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
  .centralizar {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  .zerar {
    margin:0px !important;
    padding:0px !important;
  }
  
  .bt-menu {
    background-color: #4a87e0;
    width: 50%;
    border-width: 0;
    box-shadow: 0px 0px 0px;
    margin: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    border-radius: 0px;
    height: 40px;
  }
    .bt-menu:hover {
        opacity: 0.8;
        background-color: #4a87e0 !important;
    }
    .bt-menu:focus {
        opacity: 0.8;
        background-color: #4a87e0 !important;
    }
    .bt-menu:active {        
        background-color: #4a87e0 !important;
    }
  
   .posicao_foto_ {
    position: relative;
    top: 220px;
  
   }


.social-button {
width: 40px;
height: 40px;
outline: 0 !important;
cursor: pointer;
font-size: 15px;
border: none;
margin-right: 10px;
border-radius: 50%;
background: linear-gradient(145deg, #d6d6d6, #ffffff);
box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
color: var(--card-font-color);
}

.social-button:active {
border-radius: 50%;
background: linear-gradient(145deg, #d6d6d6, #ffffff);
box-shadow: inset 20px 20px 60px #cacaca, inset -20px -20px 60px #ffffff
}

.contact-details .icon-circle {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
background: linear-gradient(145deg, var(--card-font-color), #ffffff);
box-shadow: 20px 20px 60px var(--card-font-color), -20px -20px 60px #ffffff;
font-size: 21px !important;
height: 42px;
width: 42px;
padding: 0 10px;
}

.card-profile-image {
    max-width: 144px;
    max-height: 144px;
    width: 144px;
    height: 144px;
}
.link_sem_sublinhado{
  text-decoration: none !important;
}