.carta-miembro{
    background-color: var(--cartas);
    border-radius: 8px;
    padding: 20px;
    margin: 100px;
    transition: all .3s ease;
    border: solid .5px transparent;
}
.carta-miembro:hover{
    transform: translateY(-7px);
    border: solid .5px var(--azul-primario);
    box-shadow: 0px 0px 10px var(--hover-carta);
}
.img-miembro{
    width: 250px;
    height: auto;
    border-radius: 100%;
    transition: all .3s ease;
    border: 3px solid transparent;
}
.img-miembro-cont{
    display: flex;
    justify-content: center;
    padding: 20px 0;
    margin-bottom: 5px;
}
.carta-miembro:hover .img-miembro{
    box-shadow: 0px 0px 20px var(--hover-carta);
    border: 3px solid var(--azul-primario);
    animation: flotar 2.5s infinite;
}
@keyframes flotar {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-15px);
    }
}
.name{
    text-align: center;
    font-family: roboto;
    font-weight: 700;
    font-size: 42px;
    padding: 10px 0;
    margin-bottom: 5px;
}
.cont-description{
    width: 80%;
    margin-top: 10px;
}
.description h3{
    font-family: roboto;
    font-weight: 500;
    font-size: 22px;
}
.description{
    list-style: none;
    padding: 20px 0;
    margin-bottom: 5px;
}
.description li{
    margin-bottom: 7px;
}
.description li p{
    font-family: rubik;
    font-size: 17px;
}
.description span{
    color: var(--azul-secundario);
}
.certificado{
    padding: 7px 11px;
    color: var(--blanco);
    background-color: var(--azul-oscuro);
    border-radius: 8px;
    cursor: pointer;
    font-family: roboto;
    text-align: center;
    border: none;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: 600;
    transition: all .3s ease;
}
.certificado:hover{
    background-color: var(--azul-primario);
    transform: translateY(3px);
    box-shadow: 0px 0px 10px var(--hover-carta);
}