.icono-boton.con-avatar {
    padding: 0;
    border: 2px solid var(--acento);
    overflow: visible;
}

.icono-boton.con-avatar:hover { background: transparent; transform: scale(1.08); }

.avatar-header {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* Sello rosa con chulito sobre la foto */
.insignia-mini {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--acento);
    color: #fff;
    border: 2px solid var(--blanco);
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Al llegar desde el registro: la foto salta y emite ondas */
.icono-boton.bienvenida {
    animation: avatarPop 1.2s cubic-bezier(0.2, 1.4, 0.4, 1) 3, avatarHalo 1.6s ease-out 3;
}

@keyframes avatarPop { 30% { transform: scale(1.35) rotate(-6deg); } 60% { transform: scale(0.95); } }