.card-asesor {
    width: 18rem;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-asesor .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.card-asesor .card-body .btn {
    margin-top: auto;
}

.card-asesor .card-body .card-title {
    font-weight: 700;
}

.circular--asesor-img {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 50%;
margin: auto;
box-shadow: -1px 4px 4px 0px #6c757d;

}

.circular--asesor-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}

/* Deja el estilo cuadrado de asesores (plugin dvtadv) con la
   misma foto centrada arriba. Usa !important porque el plugin
   imprime object-position inline en el <img>. */
.dvtadv-container .card-img-top,
.dvtadv-container .dvtadv-card-img {
object-position: center top !important;
}