.bio-card {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background-color: #fff;
    transition: transform 0.2s ease;
}

.bio-card:hover {
    transform: translateY(-5px);
}

.bio-photo {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 2rem;
    /* puedes cambiar a círculo si quieres */
}

.bio-info h3 {
    font-weight: 600;
}

.bio-info p {
    font-size: 0.95rem;
    line-height: 1.5;
}