.card{
  display: flex;
   border: 2px solid black;
  border-radius: 25px;

  align-items: center;
  padding: 10px;
  
  width: 300px;

  flex-direction: column;
  justify-self: center;
  margin: 0 auto;
  margin-top: 2%;
}


.header{
  display: flex;
  border: 5px fixed rgb(27, 8, 8);
  background-color: darkgray;
  align-items: center;
  padding: 10px;
  border-radius: 5px black ;
  width: 80%;
  height: 20%;
   
}
.Bio{
  display: flex;
text-align: center;
padding: 10px 10px;
}


.circulo{
width: 100px;
height: 100px;
background-color: #3498db;
border-radius: 50%;

}
.Estadisticas{
display: flex;
flex-direction: row;
justify-content: space-between;
padding:10px 10px   ;
border-top: lightgray 2px solid;
}
.stat-item{
display: flex;
flex-direction: column;
padding:10px 10px;
}
.Botones{
display: flex;
padding: 10px;
gap: 10px;
}
.primario{
    flex-grow: 2; 
background: #3498db;
color: white;
border: none;
padding: 10px;
flex-grow: 2; /* Ocupa 2 partes del espacio */
background: #3498db;
color: white;
border: none;
padding: 10px;
padding-right: 40px;
padding-left: 40px;
margin-right: 10px;
border-radius: 5px;
}

.secundario{
border: none;
padding: 10px;
padding-right: 20px;
padding-left: 20px;
margin-right: 10px;
border-radius: 5px;

  
}
.user-info{
text-align: center;


}