/* Estilo para el hover */
.avatar-image {
    width: 100px;
    height: 100px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid #ddd;
    border-radius: 50%;
    transition: transform 0.2s; /* Transición suave */
}

.avatar-image:hover {
    transform: scale(1.1); /* Agranda la imagen un 10% */
}

/* Estilo cuando la imagen es seleccionada */
input[type="radio"]:checked + label .avatar-image {
    border: 2px solid #39FF14; /* Borde verde fosforito */
    transform: scale(1.1); /* Agrandar también cuando está seleccionado */
}